我试图在 CSS 中制作嵌套框并在整个框内放置图片(或 Flash 电影)。问题是 IE 至少在图片下方添加了一个 750 x 4 大小的空白区域。有没有办法摆脱那个空白空间?
我应该如何更改以下代码?
<div style="border:solid 4px #FFFFFF; width:768px;">
<div style="border:solid 1px #E6E6E6;">
<div style="border:solid 1px #FFFFFF;">
<div style="border:solid 1px #CCCCCC;">
<div style="border:solid 1px #FFFFFF;">
<div style="border:solid 1px #E6E6E6;">
<div>
<img src="test.gif" width=750px; height: 138px;>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
最佳答案
<img src="test.gif" width=750px; height: 138px;>
该行(宽度和高度部分)上有一些无效的 HTML。尝试这样的事情:
<img src="test.gif" style="width:750px; height: 138px;">
当然,正确的方法是摆脱所有内联 CSS 样式,将它们替换为类名和 ID,并通过 CSS 为类定义样式。
关于html - 如何嵌套这些盒子?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1781629/