HTML：

<div id="main">

 <div id="left">1111</div>

 <div id="right">2222</div>

</div>

CSS：

#main {width:600px;border:1px solid #F6B35A;}

#left{width:300px;float:left;}

#right{width:300px;float:left;}

这样写有问题吗？貌似是没有什么问题的。至少在IE中没有任何问题。

但是假设left中的是文章内容，每一个页面都不一样，那么这样写，就会在火狐中造成，mian标签的边框不能包裹left和right。这个问题本人研究了很久，到了现在我终于找到了解决方法，郁闷的是，我不理解为什么要这么做，所以，如果你想知道怎么去做的，那么可以从这里学习，如果你是高手，拜托解释一下为什么。

修改后的样式是

#main {width:600px;border:1px solid #F6B35A;overflow:hidden;}

谁能告诉我为什么？