html - 如何嵌套这些盒子？

Question

我试图在 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>

Answer 1

<img src="test.gif" width=750px; height: 138px;>

该行(宽度和高度部分)上有一些无效的 HTML。尝试这样的事情:

<img src="test.gif" style="width:750px; height: 138px;">

当然，正确的方法是摆脱所有内联 CSS 样式，将它们替换为类名和 ID，并通过 CSS 为类定义样式。