Ho un div all'interno di un altro div con larghezza specifica ma voglio che il div figlio abbia una larghezza in percentuale con la dimensione dello schermo del browser non la sua div principale?

Question

Ho un div all'interno di un altro div con larghezza specifica ma voglio che il div figlio abbia larghezza in percentuale con la dimensione dello schermo del browser non in percentuale con il suo div genitore, cioè quando imposto la larghezza del div bambino al 50%, I vuoi che le sue dimensioni siano il 50% dello schermo del browser e non il 50% del suo elemento genitore, non voglio rimuoverlo dal genitore-figlio, è importante, in ogni modo, per ottenerlo senza rimuoverlo dall'essere un bambino?

P.S- Nessuna risposta in JQuery. O CSS o Javascript. Se è realizzabile da css sarebbe davvero grandioso, ma anche javascript andrà bene.

Answer 1

È possibile utilizzare VW (ViewPort Width). Esempio:

.child {width : 50vw} 

Answer 2

si dovrebbe impostare il vostro bambino a div position:fixed Questo è relativo alla dimensione del porto vista.

#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?