html - Float:left により、他の仕切りでスタイルの問題が発生する

Question

私は現在、デザイン プロジェクトに取り組んでおり、3 つの異なる製品に対して 3 つの div を持っています。また、支払い方法の画像 div と著作権 div もあります。3 つの製品 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) */
}