css - 我听说你喜欢 DIV，所以我把你的 DIV 放在你的 DIV 中

Question

显然，今天早上我的大脑已经变得糊涂了。我觉得答案很明显，但我不知道自己在做什么蠢事。我猜是 CSS 有问题，所以是这样的:

.fulldiv {
    border:2px solid green;
    background:white;
    margin: 10px 0 10px 5px;
    width:97.5%;
}
.fulldiv h2 {
    background:green;
    padding: 10px 5px;
    margin:0;
}
.fulldiv p {
    padding: 5px 5px;
    margin:0;
}

.thirds {
    border:2px solid cyan;
    background:white;
    margin: 10px 0;
    width:31.5%;
    float:left;
    margin-left:5px;
}
.thirds h2 {
    padding: 10px 5px;
    background:cyan;
    margin:0;
}
.thirds p {
    margin:0;
    padding: 5px 5px;
}

完整的恶作剧可以在这里看到 JS Fiddle .

第三个 .hicon div 不应该与前一个分开吗？为什么三分之三的 div 在最后一个 div 中变冷了？我忽略了什么？

Answer 1

You need to add :

<div style='clear:both;'></div>

决赛后.thirds div 以清除现有的 float 并恢复文档流。

或者，您可以使用 css clearfix在 .thirds 的第 n 个 child (3) 上(或者直接加一个clearfix类)