Internet Explorer 问题

Question

该网站的中心内容部分存在问题。由于某种原因，在 Internet Explorer 中只有几个字母被侧边栏截断。我不知道为什么，或者如何解决它。 div 向右浮动，因此我认为在右侧添加几个像素的边距就可以解决问题。事实并非如此……

在 IE8 上就是这样，我实际上是在 Mac 上通过并行运行 IE 7.4。

有什么建议吗？

http://www.thesurgicalsolution.com/

Answer 1

在 ie.css 中，您有：

#content, .sidebar { overflow: hidden; }

仅在 IE 中剪切文本。因此，如果删除此规则，文本将不再被剪切。不过，该规则的存在可能是有原因的，因此您可能需要在删除它之前测试整个网站。

编辑：我还会修复验证错误以及我过去在不同浏览器上遇到过无法解释的渲染问题，这些问题是由无效引起的标记。

编辑 2： #content 父

具有定义的宽度（并且是 overflow:hidden）但是子

也具有定义的宽度，并且其位置使其大于父级的右边缘，因此会被父级的溢出规则剪切。因此，作为替代方案，您可以使 .rightbox 更窄，以避免 IE 中的溢出隐藏。

.custom #content .box-wrapper .rightbox {
    float: right;
    width: 451px; /* <-- change this */
    margin-right:5px;
}

Answer 2

我不知道为什么会发生这种情况，但在适用的任何地方添加 padding-left: 3px 可以修复它。