除了 IE6 之外，2 个 div 都是水平的吗？怎么解决？
Posted
技术标签:
【中文标题】除了 IE6 之外，2 个 div 都是水平的吗？怎么解决？【英文标题】：2 div are coming horizontally in same in all except IE6? how to solve? 【发布时间】：2011-01-09 12:09:56 【问题描述】：除了 IE6 之外，2 个 div 都是水平排列的吗？但在 IE 6 秒中，div 属于第一个 div。 div 具有固定宽度和 float:left
这是容器 div 的代码
#home2colContainer margin-top:40px;overflow:hidden;width:1000px;
这是第一个 div
#home2colLeftColContainer float:left;margin-left:20px;width:675px;
这是第二个 div
#home2colRightColContainer float:left;margin-left:30px;margin-top:9px;width:268px;
【问题讨论】：
发布这些 DIV 的 CSS 代码/html 代码？是否有任何填充/边距应用于 DIV？ #home2colContainer 渲染的宽度是多少？根据我在上面看到的，它至少需要 993 px 宽度......是吗？还有，这些列的内容，是不是也分别在675px/268px之内？ #home2colContaine 占用宽度：1000px @balusC - 为什么你删除了你的答案？ 【参考方案1】：尝试绝对水平放置第二个，并且绝对相对于第一个垂直。
【讨论】：
【参考方案2】：我相信您正在处理双边距错误 (http://www.positioniseverything.net/explorer/doubled-margin.html) ..
将display: inline; 添加到您的home2colLeftColContainer，它应该可以工作..
【讨论】：
【参考方案3】：问题解决了
我将_display:inline 添加到#home2colLeftColContainer
#home2colLeftColContainer float: left; margin-left: 20px; width: 675px;_display:inline
和_margin-left: 15px 到#home2colRightColContainer
#home2colRightColContainer margin-top: 9px; float: left; margin-left: 30px; _margin-left: 15px; width: 268px
【讨论】：
以上是关于除了 IE6 之外，2 个 div 都是水平的吗？怎么解决？的主要内容，如果未能解决你的问题，请参考以下文章
css：连续几个DIV都是position:relative;top:20px，最后一个DIV的最后一行显示不出来，正常么？怎么解决？