css - 浮动 DIV 会导致下面的相对 DIV 定位错误

Question

我以这个 JS fiddle 为例： JS FIDDLE 示例

.column {
width: 100px;
height: 100%;
float: left;

}

当列 div 的高度为 100% 时，您可以看到黄色页脚没有出现在浮动列 div 的下方，而是出现在相同的位置。如果有人可以帮助我，我将不胜感激。谢谢

Answer 1

您需要在页脚 div 中添加一个 clear：

clear: both;

http://jsfiddle.net/G7kdB/8/