2013-06-12 28 views
6

Czy można utworzyć element div, który dostosowuje się do rozmiaru przeglądarki i jest również przewijany. Chcę użyć przepełnienia: auto na div i procentową wysokość 90%.pasek przewijania na div z przepełnieniem: wysokość automatyczna i procentowa

Struktura strony jest

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

wyleje: praca auto bez znanego px Wysokość gdzieś w hierarchii?

Odpowiedz

7

W odpowiedzi na pytanie, tak overflow:auto będzie działać, ale trzeba będzie height: 100% na tagu HTML, a także:

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

na sposób znaczników jest zorganizowany chociaż będzie produkować dwa DIV zarówno taką samą wysokość jak rzutnia jeden na drugim. Czy to zamierzałeś?

Jeśli tak, oto jsFiddle, który ilustruje Twój przykład. Poprawiłem znacznik i dodałem dodatkową zawartość, aby zawartość przepełniła się zgodnie z wymaganiami.

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