问题描述
我做了一个页面，大致的代码如下（抱歉，由于休假没有办公电脑不能贴出完整的代码）：css部分：#line1,#line2,#line3{clear:both;margin:0auto;}html部分：<divid="content"><divid="line1">内部还有几个子div</div><divid="line2">内部还有几个子div</div><divid="line3">内部还有几个子div</div></div>line1、line2、line3的划分想法是：由于div的页面独占性，每一个div占据一行这样就有三个div占据三行而且互相不干扰。这个页面在IE6下面显示正常。问题是：IE7，FireFox下面，line2漂到了line1上面，line3漂到了line2上面，line1、line2只有头部显示一点。这种情况（下面一个div层漂到其前面一个div层的上方），可能会是什么原因引起的？我想了下，是否line1、line2、line3之间没有用div分隔开？也就是说line1、2、3不用clear:both，而是分隔层div用clear:both？或者在line1、2、3的css里面加上margin-top:3px;?请问大虾，这是怎么回事哪？
解决方案
解决方案二：
div本来就是块元素...既然每一个div占据一行..还用clear:both干啥..#line1,#line2,#line3{margin:10pxauto;width:950px;height:50px;border:1pxsolid#000;}
解决方案三：
“内部还有几个子div”，因该是这里出了问题
解决方案四：
为什么要拿div套div呢，为什么不用li呢<div><ul><li></li><li></li><li></li></ul></div>你可以把比较大的门户网站的源代码找出来看看人家怎么写的模仿一下的
解决方案五：
引用3楼wuzhengqing1的回复:
为什么要拿div套div呢，为什么不用li呢<div><ul><li></li><li></li><li></li></ul></div>你可以把比较大的门户网站的源代码找出来看看人家怎么写的模仿一下的
+1
解决方案六：
其实加个宽度就行了
解决方案七：
1.div本来就很不稳定，table比较稳定；2.不同的浏览器出现的效果不一样也很正常，有些浏览器兼容，有些浏览器不兼容。
解决方案八：
div本来就很不稳定??????????真的假的
解决方案九：
引用6楼yaozeng_cui的回复:
1.div本来就很不稳定，table比较稳定；2.不同的浏览器出现的效果不一样也很正常，有些浏览器兼容，有些浏览器不兼容。
DIV非常稳定，Table不稳定。。
解决方案十：
我的网站就有那种情况。我的。
解决方案十一：
不管div还是table都很稳定，就看你用的是不是可合理了，兼容就那些东西做好都兼容了
解决方案十二：
也没浮动清什么呀。去了，还有你看看里面的结构是不是合理一步步找，
解决方案十三：
同意一楼，，都是区块元素，既然不并行显示，直接设置宽高就行了，引用楼主margon2001的回复:
我做了一个页面，大致的代码如下（抱歉，由于休假没有办公电脑不能贴出完整的代码）：css部分：#line1,#line2,#line3{clear:both;margin:0auto;}html部分：<divid="content"><divid="line1">内部还有几个子div</div><divid="line2">内部……