Html 具有div结构的块开始输出不正确

我还有一个问题：

我有这个html结构：

<aside> 
<!-- ...... -->
    <div class='block'>
        <div class='header'><h1>Новости</h1></div>
        <div class='content'>
            <div>
                <label>bob</label>
                <input />
            </div>
            <div>
                <label>bob</label>
                <input />
            </div>
            <div>
                <label>&nbsp;</label>
                <input />
            </div>
        </div>
    </div>
<!-- ...... -->
</aside>

---

为什么父块这么小，好像里面没有任何数据？有一些，但仍然显示为no.

将

溢出：auto

添加到

元素中。它会因为浮动的子元素而崩溃。

将

溢出：auto

添加到

元素中。它会因为浮动的子元素而崩溃。

将

溢出：auto

添加到

元素中。它会因为浮动的子元素而崩溃。

将

溢出：auto

添加到

元素中。它会因为浮动的子项而崩溃。

您需要一个clearfix。试试尼古拉斯·加拉赫的：

---

你需要一个明确的解决方案。试试尼古拉斯·加拉赫的：

---

你需要一个明确的解决方案。试试尼古拉斯·加拉赫的：

---

你需要一个明确的解决方案。试试尼古拉斯·加拉赫的：

---

嗯。工作。非常感谢。您能解释一下吗？当您浮动子对象时，它们基本上从文档流中移除，因此父对象会折叠，没有高度。添加溢出：自动恢复预期行为。谢谢。稍后我会接受你的回答。我现在不行。工作。非常感谢。您能解释一下吗？当您浮动子对象时，它们基本上从文档流中移除，因此父对象会折叠，没有高度。添加溢出：自动恢复预期行为。谢谢。稍后我会接受你的回答。我现在不行。工作。非常感谢。您能解释一下吗？当您浮动子对象时，它们基本上从文档流中移除，因此父对象会折叠，没有高度。添加溢出：自动恢复预期行为。谢谢。稍后我会接受你的回答。我现在不行。工作。非常感谢。您能解释一下吗？当您浮动子对象时，它们基本上从文档流中移除，因此父对象会折叠，没有高度。添加溢出：自动恢复预期行为。谢谢。稍后我会接受你的回答。我现在不能。谢谢你的回答。我正在另一个地方使用clearfix，但我不知道它在这里也能帮助我。谢谢你的回答。我正在另一个地方使用clearfix，但我不知道它在这里也能帮助我。谢谢你的回答。我正在另一个地方使用clearfix，但我不知道它在这里也能帮助我。谢谢你的回答。我正在另一个地方使用clearfix，但没有意识到它在这里也能帮助我。

aside label {
    color: #ffcc33;
    width: 100%;
    display: block;
    font-size: 80%;
}

aside label.login {
    text-align: right;
}

aside form input {
    float: right;
}

aside > div.block > div.content div {
    float: right;
    display: block;
    width: 100%;
}

aside > div.block > div.content div+div {
    margin-top: 5px;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}