我正在使用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>
最佳答案
在无法看到更多发生情况的情况下,我猜测您的内部 div 的内容正在插入它们的宽度大于它们的容器。如果内容完全超出容器的宽度,IE6 将不遵守容器的宽度指定。
但如果可以的话,请发布更多代码或链接!
关于html - 为什么我的左浮动 div 在 IE6 中使用 960.gs 转到下一行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1200731/