html - IE6真的不允许我从左/右/上/下设置宽度/高度吗？

Question

super 快速地建立一个网站并让它在我所有的 Mac 浏览器上运行，我想我会看看 friend 的一台装有 Windows XP 和 IE6 的旧戴尔笔记本电脑。

没有什么看起来是正确的。这是因为我使用了很多左/右/上/下(约束)声明来根据父元素的大小按比例调整元素的大小(我没有使用百分比大小，因为百分比是指 之前 边距的父元素大小并应用填充，左/右/上/下在 之后用 position:absolute 引用它们。我问的是 here :))。

过去几周我读了很多关于 IE6(和 IE)总体上有多糟糕的文章，但由于人们说支持它的所有原因(巨大的市场份额和对安装更好的软件的恐惧)，并且因为公司中一半的人我们正在构建一个使用 IE6 的网站(让他们缓慢但肯定地升级到 Chrome)，我想如果我能让 IE6 来呈现我的约束，那可能会有所帮助。

所以我在弄乱simple layouts here ，它们在我最新版本的 Firefox、Safari、Chrome 和 Opera 中运行良好，但 IE6 基本上是这样说的:

如果您没有为我设置宽度或高度，我假设它为零。

但是 position:absolute;左:0px；右:0px；顶部:0px； bottom:0px; 在 width:1000px; 的容器上height:1000px; 应与设置 width:1000px; 相同height:1000px 在 child 身上，不是吗？

Taking a quick look at the source for this ，为什么 IE6 不呈现基于绝对定位的 AND SIZED 元素的约束？ (注意:我会花一会儿时间处理那个文件)

谢谢

Answer 1

简而言之，是，它确实不允许这样做(“绝对边缘定位”)；这是一个众所周知且长期存在的错误。绝对定位元素上缺少 width 总是会触发收缩以适应行为，即使 width 应该可以从左/右推断出来。垂直方向相同。

why won't IE6 render the constraint based absolutely positioned AND SIZED elements?

目前我没有在示例中看到这一点。一般来说，如果您声明两个边 和 一个维度(例如，左+右+宽度)，绝对定位的元素是“过度约束”并且丢弃其中一个规则以使其他规则适合.

/* tables still need 'cellspacing="0"' in the markup */

没有。 border-collapse: collapse; 的组合border-spacing: 0; 加上 padding: 0 在单元格上呈现 cellspacing/cellpadding 不必要(谢天谢地)。

clear:both; /* ie6 requires for absolutely positioned elements! */

???

没有。