对齐3个不同大小的Div

时间:2014-05-20 14:21:38

标签: javascript html css

http://i.stack.imgur.com/iETqe.png

我目前在一个页面中有3个div,我想将它们对齐,如链接中所示。

Div1有

    style="float:left;" 

Div2的

    style="float:right;"

但是当我放置Div3时,它的内容出现在Div2下面(即使我将div的属性设置为float:left)

有没有简单的方法可以在我的页面上对这些进行分组?

小提琴:http://jsfiddle.net/3pcD4/

2 个答案:

答案 0 :(得分:0)

你需要清除浮动的div以跳回常规的dom流。

http://codepen.io/isdampe/pen/savAh

答案 1 :(得分:0)

你需要清除浮动,否则第三个div会直接浮在“第二个”之后。 将clear:both;添加到div3的样式,它将正确浮动。