1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > css之div兼容性问题

css之div兼容性问题

时间:2022-03-27 13:51:45

相关推荐

css之div兼容性问题

1、解决超链接访问过后hover样式不显示的问题

改变CSS属性的排列顺序:先后顺序标准应为:a:link—a:visited—a:hover—a:active;

2、margin加倍的问题

ie6用margin时会加倍,解决方法是加上display:inline。但是margin加倍只是左右加倍,上下没影响的;

3、div宽度的不同

div的宽度,ie6、ie7和火狐三者实际宽度(或者高度)都为width(height)+padding+border,所以当有div嵌套时最好不要把内层div宽度写成width:100%,因为如果边框不为0,会充破外层div,而冲破的情况在ie6、ie7和火狐三者之间又是不同的,ie6会带动外层div宽度也增加(除非设置了overflow属性限制大小),而ie7和火狐则外层的宽度保持不变,内层宽度向右增加;

4、ul以及内部li的不同

ul和内部的li在ie6 ie7 火狐三者之间在不同的属性下会有很多地方不同,建议统一的写法是:ul的属性加上list-style:none,li的宽度加上padding的总和为ul的宽度,列表前的符号建议用字符或者用背景表示;

5、高度无法自适应问题

当div有嵌套时,如果父对象的高度设为自动,在火狐 ie6 ie7下,高度的自适应问题,情况也比较多,总的解决方法是外层div设有浮动属性,就可解决所有问题,包括三层嵌套,外俩层高度设为自适应的情况,把外俩层都设置浮动属性,就可解决所有问题。但如果父对象是最外层,却又不想有浮动,则不用这个浮动的方法,而在子对象的下面加个div,加上“”就可解决问题了;

6、链接的不同

火狐下链接加边框和背景色,需设置 display:block解决;

7、li中内容超过长度后以省略号显示的方法.

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。