css - 在高度之后的流中显示内容：100% 部分

Question

我正在编写一个具有简单结构的响应式网络，如下所示： 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 容器。

例如

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

.group

{clear:both;}