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

Question

我有这种情况:

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

Div A是B和C的全屏宽度容器.Biv B是一个小矩形,表示100乘200 px Div C是另一个小矩形,表示100乘200 px.

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

Answer 1

我猜他们已经漂浮在左边,或者他们不会彼此相邻.一个简单clear: left的C语言就可以了:

#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/