Question

其他所有浏览器都正确呈现此内容。

<body>
    <div>
        <div><img src="img/logo_top.png" width="168" height="85" alt="Logo top" /></div>
        <div><img src="img/logo_bottom.png" width="168" height="83" alt="Logo bottom" /></div>
    </div>
</body>

如果没有div，并且使用＆lt; br /＆gt;图像之间。

更新

这是我的HTML，其中包含doctype：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
    <head>
        <title>Test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css">
            img {border: none;}
            body {font-size: 0px;}
        </style>
    </head>
    <body>
        <div>
            <div><img src="img/logo_top.png"  alt="Logo top" /></div>
            <div><img src="img/logo_bottom.png" alt="Logo bottom" /></div>
        </div>
    </body>
</html>

Answer 1

如果这是我认为的问题，那么如果你添加这个CSS应该修复它：

img {
    vertical-align: top
}

或者这个：

img {
    display: block
}

Answer 2

尝试删除第一个</div>和第二个<div>之间的空格。有时，这些CRLF空白字符被浏览器解释为物理空间的指示。

为什么Opera 9在这两个图像之间有空格？

更新

2 个答案: