Belirli bir genişlikte başka bir divun içinde bir div var ama ben, çocuk div'in, tarayıcı divanının ebeveyni değil, tarayıcı genişliğiyle genişlikte olmasını istiyorum.

Question

Belirli bir genişlikte başka bir divun içinde bir divum var ama ben çocuk div'unun,% divan için genişliğini ayarladığımda, ebeveyn div ile yüzde olarak değil, tarayıcı ekranı boyutuyla yüzde genişliğini olmasını istiyorum. tarayıcının ekranının% 50'sinin ebadındaki elemanın% 50'si olmamasını istiyorum, bunu ebeveyn-çocuktan kaldırmak önemli değil, bunu çocukluğundan çıkarmadan gerçekleştirmenin herhangi bir yolu var mı?

P.S- Lütfen JQuery'de yanıt yok. Ya CSS veya Javascript. Css ile elde edilebilirse gerçekten harika olurdu, ama javascript de iyi olacak.

Answer 1

VW (ViewPort Genişliği) öğesini kullanabilirsiniz. Örnek:

.child {width : 50vw} 

Answer 2

Bu görünüm portunun boyutuna bağlıdır position:fixed Çocuğunuza div koymalıdır.

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