html - 默认表格高度问题

Question

我有一个表，其中包含 2 <td>和<td>包含 2 个独立的图像，但它给我带来了奇怪的高度问题。

它在兼容性 View 中工作完美，但在非兼容性 View 中出现问题，同样的问题在 chrome 浏览器中存在。

这是我的 jsfiddle 链接:http://jsfiddle.net/7qbM8/

我的代码:

<table id="tbleHeader" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td><a style="width: auto;" href="#"><img style="height: 43px;" src="~/images/iqi.jpg" runat="server" id="imgLogo" alt="" /></a></td>
            <td onmouseover="ShowParentMenu()"><h1 id="logout" ><a href="#"  title="Logout"></a></h1></td>
        </tr>
    </table>

这是我的问题的图片蓝色是我没有指定的高度，但默认情况下它会占用，所以我不希望我的 table 上有那个高度。

Answer 1

id logout 有一个 margin，这会为我解决这个问题:

#logout {
 margin: 0px; 
}

如果我理解你是对的，这就解决了问题

边距是因为它是默认有边距的h1

jsfiddle:http://jsfiddle.net/7qbM8/4/