html - 自动设置div宽度

Question

我的容器中有三个 float 到左侧的 div，因此它们都将水平对齐。我想让下一个有内容的div放在第一行div的下面。我的计划是将第四个 div 添加到第一行并设置它的宽度，以便它占据第一行的其余部分，从而使下一个 div 在第二行中向下移动。

我尝试将第四个 div(填充 div)的宽度设置为自动，但它不起作用。

Answer 1

我改变了你的一些CSS

更改了 CSS

#container {
    padding:5px;
    box-sizing:border-box;
}
div {
    margin:0 5px 5px 0;
}
#fourth {
    background-color:#0000FF;
    float:none;
    clear:both;
    width:100%;
    margin-right:0;
}

working JsFiddle File

希望这对你有用。