两个DIV并排给底部额外的空间......

Question

我需要在另一个大的固定宽度DIV内并排放置2个固定宽度的DIV，它正在工作。这是我写的代码：

<div id="mainDiv">
    <div id="divLeft">      <img src="bla bla bla" >     </div>
    <div id="divRight">   Normal Text Here.....  </div>
</div>

这是CSS：

#mainDiv { width:1100;overflow:hidden; }

#divLeft { width:720; float:left;}

#divRight { width:380; float:right;}

问题是，当我将尺寸为720X480的图像放入第一个DIV时，第一个DIV（＆＃34; divLeft＆＃34;）的高度变为485.为什么它给了额外的 5px？

您可以在此处查看该页面：http://www.touchmedia.ca/TestPos.php

请注意以下事项： 我做了溢出：隐藏为主div，b＆＃39; cos，否则，浮动将删除外部div的效果。 我只硬编码宽度而不是高度。 主div宽度（1100）=左div宽度（720）+右div宽度（380）

非常感谢，

艾萨克

Answer 1

添加：

#divLeft img {
    display: block; 
}

Answer 2

将此添加到您的样式表中：

body{
    margin:0;
    padding:0;
}