在高度后显示流量内容：100％部分

Question

我正在编写一个具有简单结构的响应式网络，如下所示： Example in jsFiddle

在section#services中，有一些小节height:100%。

但是section#services之后（及之外）的内容未显示在section#services的末尾。它与第二小节重叠。

如果我在#contact内写footer和#services，结果很好，但在语义上不正确......

我想了解发生了什么以及如何解决它。

Answer 1

这是你要找的东西：http://jsfiddle.net/kwR5U/14/？

我已将float:left添加到服务中，并在该部分的末尾添加了clear:both。

Answer 2

当你使用两个花车，然后想在下一层div上再次使用它们时，你必须使用clear：both;在你的CSS中。

一种常见的技术是创建一个名为group的html类，然后将.group分配给具有float属性的html容器。

e.g

<div id="container" class="group">

.group

{clear:both;}