css笔记之IE hack

1.使用div+css布局,页面缩小时,布局会发生变化,怎样解决?

 

2.使用div内内嵌div时,在ie8中和火狐中,父级div如果没有设置border属性,子级div使用margin-top时,会已上一级设置border的元素作为参照物定位,当子级元素的margin-top值大于父级元素的margin-top值时,父级元素会随着子级元素一起增大。当设置好父级元素的border时,则以父级元素的作为参照物定位。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.O Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <style>
        .te1{background-color: red;width:950px; margin:100px auto;height:200px;border:1px solid blue;}
        .te2{background-color: green;margin: 100px -50%;position:relative;}
    </style>
</head>
<body>
    <div class="te1">
        <div class="te2">bb</div>
    </div>
</body>
</html>

在ie6中,不论有没有设置border的值,都会已父级元素定位。

3.margin使用负值(如:magin:o auto),如果没有设置height值,在ie6中不会显示出来,而在火狐中可以显示出来;

 

4.标签li内包含一个图片,如果不设定height,在ie8中可能默认为图片高度,而火狐中不一定,从而造成上下间距等问题。

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值