editor:迪斌仔
time:-4-6
此文乃迪斌仔原创，转载请以链接方式注明出处。
真正写起来，好多还是不明所以，只得将实践结果暂时记录下来，以供以后参考。
一、margin-top不起效
这新浪博文里不能贴带html标签的代码，不能不称之为一大遗憾。只好截图了。
图中主要有5个兄弟div，它们共一个父div。
具体情况：第一行、第二行为头两个div。接下来的灰色框是第三个div，红色为第四个div，黄色为第五个div。
灰色框采用了float:left,红色框也采用了float:left,这正如我在css-1:div块运用float后的效果
博文中第一种情况里的第四条所示。
我的问题：在黄色div里，我设置了clear:both,然后设置margin-top，如图所示，丝毫不起作用。用padding-top可解决内容的距离问题，但解决不了边界距离问题。
解决方案：百度后，发现好多这种类似问题的解决方法，试了几个，都不得效果。最终采用了这样的方法：在黄
色div前再加个空div，定义其class为clear。然后在css样式表里添加如下内容：
.clear{
width:1px;
height:0;
clear:both;
}
二、li标签float后布局变乱
具体情况：就是上图中灰色框里内容，我采用的是ul-li，然后将第基数个li标签设置为float：left。这样做在
FF上显示正常，可是在IE下就乱了，红色框就会换到下一行，甚至上图左边的菜单(未贴)会移到上
图正下方。至于原因，我纳闷得很。
我的问题：我把ul整体一撤除，网页正常。但我一放进去，IE8上网页就乱套了。肯定跟其中li的float：left有
关系，但如何解决呢？
解决方案：紧接着ul后加个如上的空div。
