响应高度内容背景颜色

Question

我正在使用Kube CSS框架在www.dreametry.nl/ddfleurs创建演示网站。在我遇到主要内容背景颜色的问题之前它一直很顺利。在桌面上，白色背景随着内容而增长，但不会在移动设备上增长。问题是白色背景停止了一半的内容。

我尝试使用多种样式，唯一的变化是

.content { min-height: 650px; }

但是手机的背景高度太多了。

将height: 60%;包含在上一个代码中不起作用。

Answer 1

您可以在包装器元素（body标签，特定div等）上使用overflow:hidden来强制它适应布局使用浮动时所包含的元素的高度。

Answer 2

这可以通过两种方式解决。

通过给予

overflow: hidden

到class="unit-75 content"

或清除div

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

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