css - float:left 表示宽度为 100% 的元素

Question

在 Andy Taylor https://github.com/andytlr/cssgridfloat:left的 1140px Grid V2 中使用元素的原因是什么width:100%

.row .twelvecol {
    width: 100%;
    float: left;
}

Answer 1

如果没有其他原因，可能是一致性。由于所有其他列号都必须浮动（以将它们作为跨行的列组），因此可能只是为了使全宽列.twelvecol具有相同的float应用，因此不太可能导致其行为不同的问题与其他列分组相比，它的包装器或内容。

即使在现代浏览器（Firefox 18）中也可以查看这个小提琴，并注意第二个全宽行（示例的第三行）没有显示其黄色背景颜色，因为浮动已从其中删除，但它包含一个浮动元素它。这将是通过在其上放置浮动来避免的问题类型。