我試圖做類似the min-height hack,但我有兩個花車,似乎與它有衝突:民高度黑客用浮漂
http://jsfiddle.net/redconservatory/vqFVU/1/
我「innercontainer」分區很短,我想它佔用儘可能多地(或者至少,更多的空間),而不以像素爲單位設置高度,因爲我從頁面到頁面的頁面內容的變化......
我試圖做類似the min-height hack,但我有兩個花車,似乎與它有衝突:民高度黑客用浮漂
http://jsfiddle.net/redconservatory/vqFVU/1/
我「innercontainer」分區很短,我想它佔用儘可能多地(或者至少,更多的空間),而不以像素爲單位設置高度,因爲我從頁面到頁面的頁面內容的變化......
設置overflow:auto
而不是visible
,使.innercontainer
擴大以適應其內容。
演示在http://jsfiddle.net/gaby/vqFVU/2/
如果你想要一個棘手的頁腳如看http://www.cssstickyfooter.com/
因爲其他一些設計問題,我實際上不希望粘性頁腳在這種情況下......但是是否有可能在不設置像素高度的情況下讓.innercontainer更長? – redconservatory 2012-04-03 22:40:37
你是什麼意思*更長* ...多長時間..有多短的限制應該是多長?上面的例子只是顯示瞭如何使它至少與它的內容相同..如果你添加'padding-bottom',你可以擴展它更多事件[*** example ***](http://jsfiddle.net/ gaby/vqFVU/5 /)(*高度不需要*) – 2012-04-04 11:48:28
我明白你的意思了...... – redconservatory 2012-04-05 13:53:17
JavaScript是最簡單的方法。你不能用純CSS來做,因爲每個客戶端都可以有不同的大小窗口。
相關主題:[以100%高度展開父容器以解釋任何浮動內容](http://stackoverflow.com/questions/9446988/expanding-the-parent-container-with-100-height-to- account-for-any-floated-conte) – animuson 2012-04-03 22:33:21