为什么前两个容器的尺寸不同？

Question

顶部的两个容器，包含床的图片是不相等的高度，但我设置的宽度和高度是相同的。

http://justbedroomdesigns.com/

很抱歉要问，但我不知道为什么他们的身高不一样？

编辑：我的问题中的混乱似乎很明显。我的意思是前两个并排，而不是第一列中的两个。

由于

Answer 1

你的CSS文件中有拼写错误

#title {
float: left;
idth: 410px;
}

应该是

#title {
float: left;
width: 410px;
}

Answer 2

首先，您不止一次在网页上使用ID。不要那样做。 ID每页打算使用一次。将它们切换到类。

其次，用像素分配图像的宽度/高度。否则你会遇到这样的问题。我可以看到你正在使用Wordpress，你可以在后端的WYSIWYG中这样做。如果您不确定放置图像的确切宽度/高度，百分比将是一个坏主意。

接下来，检查它在浏览器中的外观，Firefox看起来不错，Chrome不是那么多。 IE7完全不喜欢。

确定。除此之外，快速修复可能是。

.post-block img { 
width:338px;
height:248px}

希望这有帮助。

Answer 3

它们的高度相同。左侧的框被其下方的框部分遮挡。