Html 如何在盒子内的div之间换行？

这里有一个例子：

<div id=main>
<div>One</div><br>
<div>Two</div>
</div>

---

当我运行代码时，两个div并排运行，即使有换行。如何让换行符起作用？？？？

那

br

在那里没有真正的区别。你需要的不是断线

您必须指定

-webkit框方向：垂直。它的默认值是
水平
，这就是您看到此结果的原因

警告
实际上，您使用的是过时的功能，后来被替换为

您不应该使用
显示：框

flex
目前是W3C候选推荐，并且是稳定的，因此您应该使用该推荐

使用
flex
可以执行以下操作：

#main{
    display: flex;
    flex-direction: column-reverse;
}

既然您想让它们一个显示在另一个上面，为什么要使用
display:-webkit-box
？使用普通显示器，它们将按您的需要显示。flex在safari中不起作用。（顺便说一句，我为此花了一整天的时间，你的回答帮了我很大的忙。）@ENM185取决于那次狩猎的版本。无论如何，Chris Coyier写了一篇很好的文章，介绍了如何混合使用2种过时的（
box
，
flexbox
）和当前的（
flex
）模式，并实现最大可能的浏览器支持：
#main{
    display: flex;
    flex-direction: column-reverse;
}