修正网页中div或ul或其他块元素在IE6,IE7,FF,Opera中显示不同的杀手锏
2010-04-21 11:24
369 查看
在编辑网页代码中,经常会出现div或ul中的元素就是不听话的乱飘,特别是在测试几个浏览器的兼容问题时候尤其如此
经同时推荐。将以下代码放入css文件中,可解决大部分页面元素不听话的问题:
代码如下:
原理如下:将页面中的元素的大部分块元素的内外边距均置零,因为不同浏览器对以上元素设置的默认边距都不同,所以用这个命令将其强制为统一的标准,再将overflow设置为hidden,这样,及时块中的元素超出了,也不会导致页面布局“乱飘”。
PS:用这行代码的话,在给div等元素设置高度自适应的时候,在ie6会出现div不会自适应,超出默认设定高度的内容会被hidden,所以,需要为这个div元素的class或者id设置一个破解代码,即ie6下用overflow:visiable;ie7和其他用overflow:hidden;
*html 表示IE6读取
*+html 表示IE7读取
经同时推荐。将以下代码放入css文件中,可解决大部分页面元素不听话的问题:
代码如下:
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读取
相关文章推荐
- 修正网页中div或ul或其他块元素在IE6,IE7,FF,Opera中显示不同的杀手锏
- IE6、IE7、IE8、FF对空标签块状元素解释的不同点
- DIV+CSS网页设计 IE6 IE7 FF 多浏览器兼容方案
- 用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器
- 用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器
- 实现三个div同一行显示,IE6 and Ie7 :display:inline-block
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- Div内有ul li元素,Div设置高度100%,谷歌IE下li过多会显示滚动条,而火狐下就会滚动条就不起作用,li会撑大Div
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- CSS hack:针对IE6,IE7,IE8,IE9,firefox显示不同效果
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- DIV+CSS解决IE6,IE7,IE8,FF兼容…
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- div里面套3个div,居中显示,兼容ie6-8,ff,咋就这么麻烦呢
- 兼容IE6 IE7 IE8 FF Opera Chrome 的最精简PNG透明方法
- div+css 如何让背景层半透明 内容不透明 并且能兼容ie6,ie7,ie8,ff 【转】
- JS Cookies 函数 通过IE6、IE7,IE8,FF,Safari,Chrome,Opera
- CSS hack:针对IE6,IE7,firefox显示不同效果