0

我需要将 2 个固定宽度的 DIV 并排放置在另一个大的固定宽度 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（“divLeft”）的高度变为 485。为什么要多出 5px ？

你可以在这里查看页面：http ://www.touchmedia.ca/TestPos.php

请注意以下几点：我对主div做了overflow:hidden，b'cos，否则，浮动会去除外div的效果。我只硬编码了宽度而不是高度。主 div 宽度 (1100) = 左 div 宽度 (720) + 右 div 宽度 (380)

非常感谢，

艾萨克

4

2 回答 2

1

添加：

#divLeft img {
    display: block; 
}
于 2013-11-08T19:00:36.050 回答
0

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

body{
    margin:0;
    padding:0;
}
于 2013-11-08T18:50:47.730 回答