IE CSS 行为怪异答案

【问题标题】：IE CSS behaves in a weird wayIE CSS 行为怪异
【发布时间】：2011-06-21 08:32:26
【问题描述】：

当我在 Firefox 中查看我网站的购物车时，“总数”与它应该在的位置完全相同，但是当我在 IE 8 中查看它时，当页面加载时它在 60-80px 以下。只要在页面上单击鼠标，“总数”就会回到应有的位置。

为什么会这样？

是 CSS 的问题吗？

【问题讨论】：

欢迎使用 Web 开发和 Internet Explorer
请发布您的代码。在不知道自己在做什么的情况下很难提供帮助。
这里是css .bill_info table tbody tr.total td, table tbody tr.total td { font-size:20px; padding:3px; text-align:right; }

标签： jquery html css internet-explorer-8

【解决方案1】：

一些示例标记会有所帮助，但是...

确保您在标记中指定了 doctype，并且它是 HTML 的第一行。否则，IE 会在quirks mode 中渲染。

【讨论】：

是的，我的标记中提到了文档类型。这是css .bill_info table tbody tr.total td, table tbody tr.total td { font-size:20px; padding:3px; text-align:right; }

【解决方案2】：

如果页面中的某些元素是由 javascript 生成或以其他方式由 javascript 修改的，我注意到（尤其是在 IE7 和更早版本中）DOM 模型和实际的屏幕重绘有时不同步并且不会更新除非您将光标移到不正确的部分上方。不幸的是，我没有找到万无一失的解决方法。但有时，在 dom 某处添加和立即删除元素可能会导致页面重新绘制...

调试 IE 确实很有趣！ ;P

【讨论】：