Ich habe ein Div in einem anderen Div mit bestimmter Breite, aber ich möchte das Kind div Breite in Prozent mit Browser-Bildschirmgröße nicht seine Eltern div?

Question

Ich habe ein Div in einem anderen Div mit bestimmter Breite, aber ich möchte das Kind div Breite in Prozent mit Browser Bildschirmgröße nicht in Prozent mit seinem Elternteil div, was bedeutet, wenn ich die Breite des Kind div auf 50%, I will seine Größe 50% des Browser-Bildschirms nicht 50% des übergeordneten Elements, ich möchte es nicht aus dem Eltern-Kind entfernen es wichtig ist, jede Möglichkeit, dies zu erreichen, ohne es von einem Kind zu entfernen?

P.- Bitte keine Antwort in JQuery. Entweder CSS oder Javascript. Wenn es von CSS erreichbar ist, wäre es wirklich toll, aber Javascript wird auch gut.

Answer 1

Sie können VW (ViewPort Width) verwenden. Beispiel:

.child {width : 50vw} 

Answer 2

Sie sollten Ihr Kind div zu position:fixed Dies ist in Bezug auf die Größe der Ansicht Port eingestellt.

#child { 
    position: fixed; 
    width: 100%; 
} 

Answer 3

HTML:

<div><div id="div"></div></div> 

CSS:

#div { 
height:50vh; 
} 

Make div 100% height of browser window?