cssクリアフローティング詳細

普段cssを書くときに複数のdivを並べて表示させるために、通常採用される方式は

float:left;

このように書くことによる問題は、次のdivに制御不能な影響を与えることであり、最後に閉じる必要があり、2つの方法を見て、簡単に書く必要があります.1つ目はbootstrapで採用されています

.clearfix:after { 
    clear:both;
    display: block;
    content: " ";
 }

もう一つは簡単で乱暴な方法です

.clear {
    clear:both;
}

そして最後にこのdivを追加して他の解決策があるかもしれないので、後で見てから追加します.