css - IE8 CSS 并发症

Question

问候，

我有一个 php 站点，从年初开始运行良好。然后为 IE8 发布了一个补丁，导致我必须运行的 CSS 出现故障。

这是已知问题还是孤立问题？

我的主要问题源于试图将标题锁定到位，同时允许主体滚动:

position: fixed;
overflow: scroll;
top: 135px;
left: 0px;

我的一位同事也遇到了和我一样的问题。

如有任何帮助，我们将不胜感激。

谢谢，

乔丹特鲁伦

.belt
{
    position:fixed;
    top: 0px;
    left:0px;
}
.header-table
{
    position:fixed;
    top:65px;
    width:100%;
}
.header
{
    position:fixed;
    height:40px;
    width:98%;
    top:95px;
}
.body
{
    position:fixed;
    overflow:scroll;
    height:74%;
    width:99%;
    top:135px;
}

Answer 1

您没有给我们任何 html 或链接来查看发生了什么。

但是使用 position:fixed 和 position:absolute 有一个关键的区别。

• 当您不希望容器随页面滚动时使用 Fixed，但无论您将剩余页面滚动多少都保持在该位置。这对于应该始终可见的标题很有用。
• 当您只是希望它相对于周围的内容相对固定时，应该使用绝对。

并且您在 fixed 容器中使用 overflow:scroll;，这仅在极少数情况下才有意义。我认为您的问题是 overflow:scroll; 位于错误的标签上。它只与该标签的内容有关，该标签的内容限于容器的宽度和高度(您甚至没有指定!)。如果内容溢出该宽度和高度，则会在容器上插入滚动条。