Mam div wewnątrz innego div o określonej szerokości, ale chcę div dziecko ma szerokość w procentach z rozmiaru ekranu przeglądarki, nie jego div jednostki nadrzędnej?

Question

Mam div wewnątrz innego div z określonej szerokości, ale chcę div dziecko mieć szerokość w procentach z rozmiaru ekranu przeglądarka nie w procentach ze swoim macierzystym div, czyli kiedy ustawić szerokość div dzieci do 50%, I chcesz, aby jego rozmiar był równy 50% ekranu przeglądarki, a nie 50% jego elementu nadrzędnego, nie chcę usunąć go z elementu nadrzędnego-dziecka z tego ważnego, w żaden sposób, aby to osiągnąć, nie usuwając go z bycia dzieckiem?

P.S- Proszę nie odpowiedź w jQuery. Albo CSS, albo JavaScript. Jeśli jest to osiągalne przez css, byłoby naprawdę świetnie, ale javascript również będzie w porządku.

Answer 1

Można użyć VW (rzutnia szerokość). Przykład:

.child {width : 50vw} 

Answer 2

Należy ustawić div dzieci do position:fixed to jest w stosunku do wielkości portu widoku.

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