css - 包裹膨胀容器

Question

我在 CSS 中有一个可扩展的容器。折叠时的样子。（下）

如果我展开第一项，就会发生这种情况（下）

左边的浮动看起来像是导致问题的原因，但没有它，格式就会关闭。展开后如何使其他所有内容都包裹起来。

div.wrapper{
    float:left;
    position:relative;
    margin: 30px 30px 30px 30px;
}

score 0 · Accepted Answer

0

div.wrapper{
    display:inline-block;
    position:relative;
    margin: 30px 30px 30px 30px;
}

于 2013-07-18T19:59:52.700 回答

score 0 · Accepted Answer

您必须“清除”您的流程。

.wrapper {
    float:left;
    clear:both;
    position:relative;
    margin: 30px 30px 30px 30px;
}

无需更改显示属性，也无需使其行为类似于“块”。

在这里摆弄我添加了一个边框只是为了视觉。

score 0 · Accepted Answer

就在 .wrapper 的结束 div 标签之后，放入一个清晰的两个 div：

// html code
// wrapper contents
</div>
<div style="clear: both"></div>

3 回答 3