疯狂的 IE7 水平滚动条

Posted 2023-03-12

【中文标题】疯狂的 IE7 水平滚动条

【英文标题】：Crazy IE7 Horiztonal Scrollbar

【发布时间】：2011-12-12 05:47:13

【问题描述】：

我正在使用 html5 样板文件，并且有一个 header 标签在页面顶部的整个宽度上，位置：固定。除了 IE7（当然）之外，它在任何地方都能正常工作。在 IE7 中，它会创建一个水平滚动条，看起来与主要内容区域的宽度大致相同...

Removing position:fixed from the header 将删除滚动条并解决问题，但我想保留该位置：fixed 以使整个 header 区域与用户滚动时的主要内容...

愿意看的人：http://www.capitaldesign.ca/sanction3/index.html

【参考方案1】：

您是否尝试过使用overflow-x：隐藏到容器div？它应该使滚动条不出现

【参考方案2】：

我可以看到您在标题元素上使用 display: 块。

尝试删除它或使其成为显示：inline-block。