css - 在 IE 6 中使容器溢出其父级而不使父级变大？

Question

我在 A List Apart 的 "In Search of The Holy Grail" 中使用了三列布局我正在使用 Magento 的商店的文章。在中间列的顶部，有一个我想要溢出的容器，因此它延伸到中间列之外并越过右列的顶部。如下所示。

_______________________________|     |                       ||     |  Middle/Top           ||Left |_______________________||     |                 |     ||     |  Middle/Main    |Right||_____|_________________|_____|

我得到它的方式在所有现代浏览器中工作正常，但在 IE 6 中，溢出的中间/顶部部分导致中间/主要部分的宽度扩展并包含它。

有人知道解决这个问题的方法吗？

Answer 1

我在 IE6 中看到的问题是 #sub-content 和 #sidebar 水平放置在错误的位置。尝试制作一个最小的测试用例，并将您的结构和样式与 Holy Grail 结构和样式进行比较。一个区别是您交换了左右两列(#sidebar 应该在 #sub-content 之前)。修复该问题以开始。