css - 子 div 超出父 div

Question

目前我正在使用 CSS 和 HTML 等设计一个网站。但是我在那里遇到了一个问题：当我向孩子添加浮动时，我的孩子 div 超出了父 div。该网站位于我的网页设计中

score 20 · Accepted Answer

更加详细一些。网站的问题在哪里？

尝试将其添加到 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