Html div中的两列-使用哪一列1）随边距浮动还是2）两个浮动

我在一个容器里有两个div。一个是左栏，另一个是右栏。我需要一些关于使用哪种方法的建议

方法1:

#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;}

方法2:

#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;}

---

请建议哪一个是好的做法。

从语义上讲，它没有区别，因为550+200~=800 px，所以您没有给出任何线索，当容器为1000 px时，这两个div应该做什么。

两者都可以，但在方法1中，div之间的“排水沟”为50 px，然而，在方法2中，它将仅为10px。

如果容器的宽度始终为800px，那么使用两个选项中的哪一个并不重要。只需使用每个文件的字节数最少的一个

但是，如果您的容器大于800px，您是否希望右栏粘贴到容器的右侧？如果是这样的话，只有方法1起作用

---

但是，还有另一种方法可以达到与方法2相同的效果，即将两个div向左浮动。

这一阶段没有实际区别，但更具未来证明的方法是第一种，由于它允许您在以后更改容器的宽度，而无需更改rightbar css以使其完全右对齐。

如果您想使用一些不需要太多思考的健壮代码，则可以使用基于网格的框架，例如，或

---

两者都提供了简单易用的CSS/HTML框架，支持多种布局。

不，我不是说……上述两种CSS呈现相同的布局。但我需要知道哪一个是正确的方式进行CSS编译是的，你写它会显示一些低谷。我只是为示例编写上述代码。我需要一些建议来使用哪种方法？。。