我有這樣一個佈局:如何將overflow-y div擴展到垂直可用空間?
<div id="container">
<div id="A"></div>
<div id="B"></div>
<div id="C"></div>
</div>
和這裏的(不完全)CSS:
#container {
height: 400px;
background: red;
}
#A {
height: 50px;
background: yellow;
}
#B {
height: 300px;
background: blue;
overflow-y: auto;
}
#C {
height: 50px;
background: yellow;
}
所以AB和C應堆放在彼此的頂部,乙方應填寫A和C之間的剩餘空間,如果其內容太多,則顯示滾動條。
我的問題是,有時候C 可能會丟失,我該如何讓B動態擴展以佔用它的空間呢?
如果缺乏IE7/8支持是一個問題,那麼即使在這些瀏覽器中,也可以重構這個想法。 – thirtydot
以及IE8的支持不會是壞的:) – Joril
我確定我有一個簡單的解決方案,但我不能爲我的生活記住它是什麼......這是一個不太優雅的修復涉及交換您的HTML順序略有:http://jsfiddle.net/thirtydot/7Bqkb/ – thirtydot