html - 如何在另一个元素下显示一个元素？

Question

我的 html 文件中的 CSS 有问题。

我有两个 div:

<div class="one">
    ....
</div>
<br>
<div class="two">
    ....
</div>

使用以下 CSS:

.one 
{
    position: relative;
    float: left;
}
.two 
{
    position: relative;
    float: left;
}

问题:第一个 div 很大，第二个应该在第一个下面，但实际上不是，它是从第一个开始的。

如何解决这个问题，使第二个 div 位于从页面左侧开始的第一个 div 之下？

Answer 1

对 Why clear? 的一个很好的解释

为.two添加clear: left

.two {
clear: left
}

检查这个JSFiddle