使容器溢出其父级而不使IE 6中的父级更大？

Question

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

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

我得到它的方式在所有现代浏览器中都能正常工作，但在IE 6中，溢出的Middle / Top部分会导致Middle / Main部分的宽度扩展包含它。

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

Answer 1

我在IE6中看到的问题是#sub-content和#sidebar水平位置错误。尝试制作一个最小的测试用例，并将您的结构和造型与Holy Grail结构和造型进行比较。一个区别是你已经交换了左右列（#sidebar应该在#sub-content之前）。修复此问题。