1

我在 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>

屏幕截图链接

4

1 回答 1

1

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

你基本上有四个选择：

  1. 放弃对 IE6 的支持。
  2. 放弃绝对定位并使用其他方法（例如浮动）。
  3. 为 IE6 提供网站的简化版本 - 例如使用条件注释覆盖某些样式。
  4. 使用 JavaScript 帮助 IE6 定位（例如absolutefudge.js）。
于 2009-06-14T07:17:26.563 回答