我想在页面左侧有一个 div，在页面右侧有一个 div。
代码 ( Code Here ) 在 jsFiddle 中工作正常；然而，当我在我的网站上使用相同的代码时，“右”div 不会向右浮动，没有边框，而是将其自身置于“左”div 之上。
有什么想法吗？
最佳答案
为了跨浏览器正确显示网页，您有许多问题需要解决，但为了给您解决手头问题的方法，您可以查看此 Fiddle Example!
相关的 CSS
.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
相关的 HTML
<div class="clearfix">
<div id="right">Right!</div>
<div id="left">Left!</div>
</div>
解释:
将 #left 和 #right 包装到一个 div 中，该 div 使用类 clearfix 清除该特定点的文档流。
这应该允许 #right 和 #left 位于正确的位置，无论是否对您的网页应用 CSS 重置。
获取 HTML5 的 CSS 重置: http://html5reset.org/
了解 float 元素: CSS Float | CSS float Property
关于css - 左右 div 不能正常工作？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10567804/