我在一个容器中有两个 div。一个是左栏，另一个是右栏。我需要一些建议/建议来使用哪种方法。
方法一：
#container{ width:800px; margin:0 auto;}
#leftbar{ float:left; width:200px; }
#rightbar{ float:right: width:550px;}
方法二：
#container{width:800px; margin:0 auto;}
#leftbar{ float:left; width:200px; }
#rightbar{ margin:0 0 0 210px; width:550px;}
请建议哪一个是好的做法。
如果你的容器总是总是 800px 宽度，那么你使用这两个选项中的哪一个并不重要。只需使用每个文件的字节数最少的那个。
但是如果你的容器变得大于 800px，你想让右边的条贴在容器的右边吗？如果是这样，只有方法 1 可行。
但是，还有另一种方法可以达到与方法 2 相同的效果，即将两个 div 都向左浮动。
从语义上讲，它没有任何区别，因为 550 + 200 ~= 800 px 所以当容器为 1000 px 时，你不知道这两个 div 应该做什么。
两者都可以，但在方法 1 中，div 之间会有 50 像素的“间距”，而在方法 2 中只有 10 像素。
在这个阶段它没有实际的区别，但更面向未来的方法是第一个，因为它允许您稍后更改容器的宽度，而无需更改 rightbar css 以使其完全右对齐。
如果您想使用一些不需要太多思考的健壮代码，那么您可以使用基于网格的框架，例如Yahoo User Interface或960 grid。
两者都提供易于使用的 CSS / HTML 框架，支持各种布局。