Question

我在IE6上有左侧边栏（变化高度DIV）的问题。

主要需求： 1.我无法设置高度值，导致高度变化，应由浏览器计算。 2.侧边栏必须有顶部和底部间距。

通过将职位替换为亲属来解决最高职位问题。

有什么想法吗？提前谢谢！

下面您可以看到简化代码和快照在标准浏览器上的外观。

.container {
    left: 550px; 
    top: 10px; 
    width: 196px; 
    position: absolute; 
    line-height: 0px; 
    font-size: 1px;
}
.inner {
    width: 100%; 
    height: 114px; 
    background-color: rgb(227, 227, 227);
}
.leftbar {
    left: 0px; 
    top: 7px; 
    bottom: 7px; 
    width: 4px; 
    position: absolute;
    background-color: rgb(111, 111, 111); 
}
.topbar {
    left: 7px; 
    top: 0px; 
    right: 7px; 
    height: 4px; 
    position: absolute;
    background-color: rgb(111, 111, 111); 
}

<div class="container">
    <div class="inner"></div>
    <div class="leftbar"></div>
    <div class="topbar"></div>
</div>

LINK TO SCREEN SHOT IMAGE

Answer 1

IE6在绝对定位方面非常糟糕。从左到右或从上到下同时定位某些东西是行不通的。

您基本上有四种选择：

删除对IE6的支持。
放弃绝对定位并使用其他方法（例如浮动）。
为IE6提供网站的简化版本 - 例如使用条件注释覆盖某些样式。
使用JavaScript帮助IE6进行定位（例如absolutefudge.js）。

IE6的CSS变化高度问题

1 个答案: