Question

我有两个div水平，然后尝试底部的第三个div，但第三个也出现在右侧而不是底部。

<div style="width=100%">
<div id="slider">Left</div>
<div id="slider">Right</div>
</div>
<div id="text">Bottom</div>

这是fiddle

请指导

谢谢

Answer 1

你可以尝试这个：

#slider {
    position:relative;
    left:0;
    height:200px;
    border-style:solid;
    border-width:5px;
    border-color:green;
    float:left;

}
#slider img {
    width:100%;
}

#content {
    position:relative;
}

#text {

    width:950px;
    height:215px;
    color:red;
    float:left;
}

DEMO HERE

Answer 2

您需要清除浮动。

  .clear{
       clear:both
  }

这是更新的小提琴 -

http://jsfiddle.net/CaZY7/125/

此外，不要对多个元素使用通用ID。此外，无论何时使用float，都必须清除它，否则以下元素可能会受到影响。

试图让我的div低于顶部div

2 个答案: