none
IE8对宽度的解释 RRS feed

  • 常规讨论

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    
    <body>
    <table width="955px" border="0" cellpadding="0">
      <tr>
        <td width="955px" height="223px" bgcolor="#FF0000">&nbsp;</td>
      </tr>
    </table>
    <p>&nbsp;</p>
    <div style="border-left-style: none; border-bottom-style: none; border-right-style: none; border-top-style: none; float: none; clear: none; padding: 0px; margin: 0px; width: 955px; height: 223px; background-color: #06C;">此处显示新 Div 标签的内容</div>
    <p>&nbsp;</p>
    </body>
    </html>
    以上代码在IE6,IE7中显示的宽度是正常的,在IE8中显示宽度明显增加,用截图软件查看尺寸DIV的955变成了997。
    查看了一些主流网站,taobao设置的是950,在IE8中明显高于这个值,大概在989的样子。
    在IE8中所有的宽度都按比例放大了,所以布局一般看上去是不乱的,但是尺寸明显就不同。此问题不知道怎么解决。
    2009年7月12日 6:33

全部回复