html - 为什么我的左浮动 div 在 IE6 中使用 960.gs 转到下一行？

Question

我正在使用960网格系统制作网站(www.960.gs)。

我有一个 9 列宽的 div (grid_9)，里面有两个 div(grid_5 和 grid_4)。

这是为了产生一个大的外部 div，里面有 2 个并排放置的内部 div。

然而，当在 IE6 中查看时，它显示为一个较大的 div 和两个内部 div，一个在另一个下面。

在 Firefox 中，div 彼此相邻，正如它们的本意一样，同样的设置在网站的其他部分也能正常工作。

这是怎么回事？我无法解决。

这是 html:

<div class="ContentWrapper grid_9 alpha omega">
        <div id="MainTitleWrapper" class="standardColor">
            <h2><span class="Rating"><%=Model.Rating%></span><%=Model.ScreenName%></h2>
        </div>
        <div class="MainContentWrapper standardColor">
            <div class="grid_5 alpha">
                    <h3>Ranked This Week In:</h3>
                    <div class="TagContentList">
                        <ul> some stuff</ul>
                    </div>
            </div>
            <div class="grid_4 omega">
                    <h3>Latest</h3>
                    <div class="tweet">
                    </div>
            </div>
        </div>
    </div>

Answer 1

在无法看到更多发生情况的情况下，我猜测您的内部 div 的内容正在插入它们的宽度大于它们的容器。如果内容完全超出容器的宽度，IE6 将不遵守容器的宽度指定。

但如果可以的话，请发布更多代码或链接!