浮动：左侧导致其他分隔符的样式问题

Question

我目前正在进行一个设计项目，我有三个不同产品的div。我还有一个付款方式图像div和版权div。这三个产品div在他们自己的包装器中向左浮动，允许它们正确地显示和显示，尽管这导致版权和支付方法div出现在不同的位置而不是它们应该的位置。

修正了，谢谢你的帮助！

Answer 1

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

.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) */
}