html - Float:left 导致其他分隔符的样式问题

Question

我目前正在从事一个设计项目，我为三种不同的产品提供了三个 div。我还有一个付款方式图像 div 以及一个版权 div。三个产品 div 在它们自己的包装器中浮动到左侧，使它们能够居中并正确显示，尽管这导致版权和付款方式 div 出现在与它们应该在的位置不同的位置。

已修复，感谢您的帮助！

Answer 1

我认为您需要clear:both在浮动列表之后的元素上添加 CSS。

.copyright {
     ...
     clear:both;
}

Answer 2

这就是你正在寻找的http://css-tricks.com/snippets/css/clear-fix/

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}