css - Internet Explorer 问题

Question

此站点的中心内容部分存在问题。出于某种原因，在 Internet Explorer 中，只有几个字母被侧边栏截断了。我不知道为什么，也不知道如何解决。 div 向右浮动，所以我想在右边添加几个像素的边距就可以了。它没有...

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

有什么建议吗？

http://www.thesurgicalsolution.com/

Answer 1

在 ie.css 中你有:

#content, .sidebar { overflow: hidden; }

仅在 IE 中剪切文本。因此，如果您删除此规则，文本将不再被剪裁。这条规则的存在可能是有原因的，因此您可能希望在删除之前测试整个站点。

编辑:我也会修复 validation errors以及我过去在不同浏览器上遇到过无法解释的渲染问题，这些问题是由无效标记引起的。

编辑 2:#content parent <div>有一个定义的宽度(并且是 overflow:hidden )但是一个 child <div>也有一个定义的宽度，它的位置使它大于父级的右边缘，因此被父级的溢出规则裁剪。因此，作为替代方案，您可以制作 .rightbox更窄以避免隐藏在 IE 中的溢出。

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