CSS问题 - divs之间的差距

Question

我设计了一个布局，我发现在divs彼此堆叠方面存在一些差距。

可有一个人帮我http://uniquedl.com/3closets/about.html

和

Answer 1

你需要这个在style.css：

img { display: block } 

，您需要将.introduction .intro-message上的高度更改为384px，以匹配左侧图像的高度。

这样做解决了这两个问题。

---

作为替代img { display: block }，你可以改为做：img { vertical-align:bottom }。这也修复了。

See this answer可以很好地解释这里发生了什么。

@Alohci解释得非常好。

Answer 2

你必须在这两种情况下有一个<div class="clear"></div>。我会说网页的行为如预期。

编辑：如果您使用谷歌浏览器查看此页面，您可以右键单击某个区域并选择“检查元素”。它将提供一个窗口，在浏览器呈现代码时显示代码，右侧会显示另一个属性窗口，显示分配给正在查看的元素的CSS。

Answer 3

在他们的div

.introduction你有比格本身较大的图像，这肯定是问题，包括其他的div

Answer 4

第一个差距：你的班级。 introduction的高度为384px其中.intro-message（这是引入的子）的高度为390px。

Answer 5

喜为您网址：http：//uniquedl.com/3closets/about.html只是让像

.introduction { 
    height: 384px; 
    overflow: hidden; 
    position: relative; 
} 

然后作风，将工作