如何讓div獲取所有垂直空間，無論頁腳是否存在

我想讓content div更加靈活。 .content div佔用了所有可用的位置。但是我想讓它在腳註不存在的情況下工作。那麼，如何讓聯繫人把所有可用的位置都存在或不存在？（容器的大小是固定的）如何讓div獲取所有垂直空間，無論頁腳是否存在

看看例子：

http://jsfiddle.net/mBBJM/5374/

<div class="container"> 

    <div class="header">Header</div> 

    <div class="content"> 
content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/> 
    </div> 

    <div class="footer">Footer</div> 

</div>

來源

2014-12-19 huston007

你想解決的唯一問題是，如果你刪除低於.content的內容，.content應該填寫那個位置？我對溢出和你添加的東西感到困惑，並且失去了對實際問題的關注。 – JakobMillah 2014-12-19 11:25:19

@thommyjonasson是的，我只是想做.content填充頁腳部分太，刪除頁腳 – huston007 2014-12-19 12:07:17

這是我會怎麼做：http://jsfiddle.net/mBBJM/5381/

我不雖然明白的是爲什麼你想.content填補更多的空間？如果.content佔用更多的空間而沒有任何真實的內容，它難道不難看嗎？你想要的解決方案的問題是，我不認爲它可以使用CSS來完成。原因是沒有辦法檢查一些內容是否不存在。要進一步檢查這一點，但我很懷疑。

來源

2014-12-19 12:36:12 JakobMillah

不，我只是想讓內容採取所有可用的空間。如果頁腳不存在 – huston007 2014-12-19 12:50:29

那麼，可能要做到這一點的方法是將.footer設置爲{position：absolute; bottom：0;}和.content {padding：0 0 20px 0;}。類似的東西，但我永遠不會考慮這樣做。要麼你有腳，要麼你不要:) – JakobMillah 2014-12-19 13:18:19

如何讓div獲取所有垂直空間，無論頁腳是否存在

回答

相關問題