我已經把我的article
元素的90%
一個max-height
DIV成爲滾動的,但如果裏面的內容大小超出此值繼續流過並低於我的footer
。make如果內容的增長超過最大高度
有沒有一種方法可以使#libraries
變得可滾動,如果它變滿了內容?所以內容不會超出我的footer
。
http://jsfiddle.net/bobbyrne01/oyrvbh23/1/
html
<div id="libraryView">
<article id="libraries">Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>Test
<br/>
</article>
<footer>
<button id="libraryAdd">Add</button>
<button id="libraryBack">Back</button>
</footer>
</div>
css
html, body {
height: 98%;
}
#libraries {
background-color: #E6E6E6;
max-height: 90%;
}
#libraryView {
background-color: #A6A6A6;
height: 100%;
}
'overflow:auto' – melancia
我要去-1因爲你可以很容易地把你的問題放入Google並找到答案。在這裏展示一些研究成果。 – philtune