包裹浮动DIVS

时间:2009-11-24 17:38:07

标签: css html

我有3个div,所有这些都浮在左边。我的容器只能容纳2个(有意),所以第3个div被推到下面。我的问题是第二个div的高度比其他两个更高,第三个div显示第二个div结束的位置,在第一个和第三个div之间留下一个空的空格。我希望第3个div包围第2个div,以便它显示在1st下方。

我试过将第二个浮动到右边,看起来它有效,但我想知道是否有解决方案将所有这些浮动到左侧。

只是为了澄清我添加了一个显示以下问题的图片:

http://img684.imageshack.us/img684/3209/divs.png

3 个答案:

答案 0 :(得分:1)

对于一个简单的修复,你可以在div1和div3周围包含相同的元素,指定一个宽度并向左浮动,为div2指定一个宽度并将其向左浮动。假设源顺序无关紧要。

答案 1 :(得分:0)

不会使div1更宽(与div3相同的宽度)解决这个问题吗?

答案 2 :(得分:0)

如果你知道div的确切高度,你可以在div3上使用负的上边距来提升它。

#div3 {
    top-margin: -100px;
}

(将'100px'替换为div1的高度与div2的高度之差)