Question

我遇到这种情况：

<div A>
  <div B>
  <div C>

Div A是B和C的全屏宽度容器。 Div B是一个100 x 200像素的小矩形 Div C是另一个小矩形，比如100乘200像素。

现在发生的事情是B和C出现在同一条线上。我想要的是C低于B.是否有可能以这种方式定位Div。我希望我有道理。

Answer 1

我猜他们已经漂浮在左边，或者他们不会彼此相邻。 C上的简单clear: left就可以解决问题：

#B {
    float: left;
    width: 100px;
    height: 200px;
    background: #0f0;
    margin: 5px;
}
#C {
    float: left;
    clear: left;
    width: 100px;
    height: 200px;
    background: #00f;
    margin: 5px;
}

为了清晰起见，我添加了一些边距，填充和背景。

示例：http://jsfiddle.net/ambiguous/uCBYV/

Answer 2

检查出来：

HTML CODE

<div id="1"> container
   <div id="2"> first in
   </div>
   <div id="3"> second in
   </div>
</div>

然后是css，添加一些风格：

div
{
 border-style:solid;
border-width:1px;  
}

在此处观看：http://jsfiddle.net/CaN87/

第三个div直接在第二个div的底部，所以我相信你的CSS代码有些麻烦......

Answer 3

默认C应该低于B.你能发布一些html和应用于div的样式吗？看起来某些东西会将其显示更改为“内联”或浮动。

如何让我的DIV出现在另一个DIV下面

3 个答案: