css - 子 div が親 div の外に出る

Question

現在、CSS や HTML などを使用して Web サイトを設計していますが、そこで問題に直面しました。子にフローティングを追加すると、子 div が親 div の外に出てしまいます。サイトはここにあります私のウェブデザイン

score 20 · Accepted Answer

具体的に。Web サイトのどこに問題がありますか?

これをcssに追加してみてください。そうすれば、親は子要素のサイズを知ることができます:

#parent{
   overflow:hidden;
}

score 5 · Accepted Answer

フロートの後でクリアする必要があります。

このcssを追加してみてください：

CSS

.container:after {
    content: "";
    display: table;
    clear: both;
}

score -2 · Accepted Answer

次の CSS をテストします。

.parentDiv {
    float: left,
    width: 200px,
    height: 30px

}

.childDiv{
    float: left,
    width: 100px,
}

子部門は親部門に含める必要があります。両方の要素で境界線を使用して確認できます。

3 に答える 3