修正网页中div或ul或其他块元素在IE6，IE7，FF，Opera中显示不同的杀手锏

在编辑网页代码中，经常会出现div或ul中的元素就是不听话的乱飘，特别是在测试几个浏览器的兼容问题时候尤其如此

经同时推荐。将以下代码放入css文件中，可解决大部分页面元素不听话的问题：

代码如下：

 

view plain copy to clipboard print ?

1. div,p,ul,h1,h2,h3,li,img,form,input,select{ margin:0px; padding:0px;overflow:hidden;}  

div,p,ul,h1,h2,h3,li,img,form,input,select{ margin:0px; padding:0px;overflow:hidden;} 

 

原理如下：将页面中的元素的大部分块元素的内外边距均置零，因为不同浏览器对以上元素设置的默认边距都不同，所以用这个命令将其强制为统一的标准，再将overflow设置为hidden，这样，及时块中的元素超出了，也不会导致页面布局“乱飘”。

PS：用这行代码的话，在给div等元素设置高度自适应的时候，在ie6会出现div不会自适应，超出默认设定高度的内容会被hidden，所以，需要为这个div元素的class或者id设置一个破解代码，即ie6下用overflow:visiable；ie7和其他用overflow:hidden；

*html   表示IE6读取

*+html  表示IE7读取