css笔记之IE hack

来源：互联网发布：已备案域名交易编辑：程序博客网时间：2024/05/11 00:29

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中可能默认为图片高度，而火狐中不一定，从而造成上下间距等问题。