css - 包裹展开的容器

Question

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

• 第一
• 第二个
• 第三名

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

• 第一+第二 +第三名

左边的 float 看起来像是导致问题的原因，但如果没有它，格式就会关闭。展开后如何让其他所有东西都包裹起来。

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

Answer 1

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