當高度低於x像素時，div不會展開？

-1

如果你看看：http://wearewebstars.dk/test/index.html並將窗口的高度改爲500px的高度，那麼div「摺疊」 - 我希望它擴展到內容，因此它始終是高度：100％，但是如果高度小於內容，那麼它應該擴大到內容？當高度低於x像素時，div不會展開？

希望它是有道理的？

來源

2013-12-18 nuffsaid

請將相關代碼放在問題中並創建一個小提琴。沒有人想要檢查一個外部網站來幫助你。 – melancia

使用'最小高度' – man

我試過使用最小高度，但是然後我的內容div沒有擴大到100％ – nuffsaid

我明白你的問題，但很難在瀏覽器中進行調試。問題在於各地都在使用position: absolute和position: relative。

刪除這兩個規則：它運作良好（但它創造了一個問題）。

.site-border { /* main.css:517 */ 
    border: 0.625em solid #FFC99B; 
    height: 100%; 
    min-height: 100%; 
} 

.site-container { /* main.css:522 */ 
    width: 100%; 
    height: 100%; 
    position: relative; 
    z-index: 2; 
}

你的問題實在是太多了使用relative和absolute當你不需要它。瞭解CSS中的DIV和BLOCK是基礎。這是您佈局的簡單替代方案。正如你所看到的，只有幾行CSS沒有RELATIVE和ABSOLUTE定位。 http://jsfiddle.net/dsws3/

希望，這有助於，即使它不是解決方案。

來源

2013-12-18 09:51:52

當高度低於x像素時，div不會展開？

回答

相關問題