2013-06-12 25 views
6

mümkün tarayıcının boyutunu ayarlayan ve ayrıca kaydırılabilir bir div yaratmak. Taşma kullanmak istiyorum: otomatik olarak div ve% 90 yükseklik oranı. oto işi bilinen px yüksekliğinde olmadan bir yere hiyerarşisinde:kaydırma çubuğu: oto ve yüzde yüksekliği

sayfanın yapısı

<body style="height:100%"> 
<div id=header style="height:100%">headerinfo</div> 
<div id=content style="height:100%;overflow:auto">content which is replaced dynamically</div> 
</body> 

taşması olur muyuz? Sorunuza cevap olarak

cevap

7

, evet overflow:auto çalışacaktır ancak siz de HTML etiketindeki height: 100% gerekir:

html,body {  
    height:100%; 
    margin: 0; 
} 
#header { 
    height: 100%; 
} 
#content { 
    height: 100%; 
    overflow: auto; 
} 

İşaretlemenizin iki div'leri ikisi de aynı yüksekliğe kadar üretecek olsa yapısını yansıtacak şekilde Biri diğerinin üstünde. İstediğin şey bu mu?

işte Eğer örneğini gösteren bir jsFiddle olduğunu. İşaretlemeyi değiştirdim ve içerik div'in istediğiniz gibi taşması için ek içerik ekledim.

http://jsfiddle.net/chrissp26/WsNjm/

İlgili konular