我有3个div,所有这些都浮在左边。我的容器只能容纳2个(有意),所以第3个div被推到下面。我的问题是第二个div的高度比其他两个更高,第三个div显示第二个div结束的位置,在第一个和第三个div之间留下一个空的空格。我希望第3个div包围第2个div,以便它显示在1st下方。
我试过将第二个浮动到右边,看起来它有效,但我想知道是否有解决方案将所有这些浮动到左侧。
只是为了澄清我添加了一个显示以下问题的图片:
答案 0 :(得分:1)
对于一个简单的修复,你可以在div1和div3周围包含相同的元素,指定一个宽度并向左浮动,为div2指定一个宽度并将其向左浮动。假设源顺序无关紧要。
答案 1 :(得分:0)
不会使div1更宽(与div3相同的宽度)解决这个问题吗?
答案 2 :(得分:0)
如果你知道div的确切高度,你可以在div3上使用负的上边距来提升它。
#div3 {
top-margin: -100px;
}
(将'100px'替换为div1的高度与div2的高度之差)