【发布时间】：2012-07-09 02:51:17
【问题描述】：
我正在尝试让我制作的网站能够在我最喜欢的浏览器中正确显示，而且永远不会给我带来麻烦 - IE6 !!!哈哈。 我在一个 div 中有 2 个浮动元素：
#content_container { position:relative; width: 908px; background-color:#FFFFFF; padding: 26px; min-height:400px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; }
#content_container_left { position:relative; width: 384px; float:left;}
#content_container_right { position:relative; width: 496px; float:right; text-align:justify;}
上面的 CSS 结果如下：
如您所见，文本 (#content_container_right) 信息位于图库 (#content_container_left) 下方，其中右侧容器应浮动在空白空间所在的右侧。
我尝试将margin:0px; 和padding:0px; 分配给两个浮动元素，但这不起作用......虽然我的浮动元素中没有任何边距display:inline; 也不起作用。
父 div 中的填充似乎不是问题。
顺便说一句：我已经在IE Tester 中测试了这个，事实证明它非常有用（即使它可能不是 100% 真实垃圾的复制品）
有什么想法/建议吗？
【问题讨论】：
-
你也可以给我们看看你的html吗？
-
..您应该权衡这需要多长时间与实际使用已弃用且越来越晦涩的浏览器的人数！
-
我知道！！！我收到了一些人仍然在 IE6 和 IE5.5 上的访问（对他们感到羞耻）..但这也是我想学习和理解的东西，我会用 HTML 更新
-
我的 HTML 太大了......虽然我刚刚发现在正确的容器中包含一个表单的 div 导致了这个问题。我会做一些研究，看看为什么会这样做，并在此处跟进
-
我尊重学习如何解决这个问题的雄心，对此表示敬意。然而，由于即使是微软自己也已经淘汰了 IE6，所以继续调整网站以在 IE6 中正常运行实际上弊大于利。我会向用户推荐一条友好的信息，说明他们为什么应该升级浏览器（参见下面 37Signals 的示例）。这为他们提供了急需的升级推动力，为您节省了大量时间并帮助整个 Web 开发社区发展。 37signals.com/svn/posts/…
标签： css css-float internet-explorer-6