響應高度內容背景顏色

Question

我使用Kube CSS框架在www.dreametry.nl/ddfleurs上創建演示網站。直到我遇到主要內容背景顏色的問題時，它才進展順利。在桌面上，白色背景隨內容而增長，但不在移動設備上。問題是白色背景停止了內容的一半。

我用幾種風格的嘗試，唯一的變化是與

.content { min-height: 650px; } 

但當時的背景高度上手機太多了。

包括height: 60%;以前的代碼不起作用。

Answer 1

這可以通過兩種方式解決。

給予

overflow: hidden

到class="unit-75 content"

或通過清除DIV

<div class="unit-75 content" > 
    <!--All you HTML--> 

    <div style="clear: both"></div> 
</div> 

Answer 2

如果您的佈局使用浮動，您可以在包裝元素（body標籤，特定的div等）上使用overflow:hidden強制它適應包含的元素的高度。