儿童div在父母div之外

Question

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

Answer 1

更具体。网站上的问题在哪里？

尝试将其添加到css中，以便父级知道子元素的大小：

#parent{
   overflow:hidden;
}

Answer 2

你需要在漂浮后清除。

尝试添加此css：

<强> CSS

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

Answer 3

测试以下CSS

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

}

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

子分区应该包含在父分区中，您可以在两个元素上使用border来确保。