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 之下？

score 2 · Accepted Answer

一个很好的解释为什么清楚？

添加clear: left为.two

.two {
clear: left
}

score 1 · Accepted Answer

改变

float: left;

至

display: block;

花车的相关资料：

displayCSS中的属性信息：

score 1 · Accepted Answer

clear:both在第二个div上做。这将清除盒子的两侧，因此两侧都不允许有浮动元素。

score 1 · Accepted Answer

1

.two{ position:relative; clear: left;}

于 2013-07-15T08:51:11.920 回答

score 0 · Accepted Answer

0

您必须清除第一个 div。

于 2013-07-15T08:51:10.220 回答

score 0 · Accepted Answer

例如，如果您想制作菜单，最佳做法是将 div 包装在父 div 中：

<div class="parent">
    <div class="one">
        ....
    </div>
    <!-- remove the br -->
    <div class="two">
        ....
    </div>
</div>

使用以下CSS：

.parent
{
    float: left;
}
.one 
{
...
}
.two 
{
...
}

6 回答 6