全网云cms网站管理系统

IE6常见Bug6:定位位置错误

来源:全网云cms网站管理系统 日期:2015-09-08 15:51:33 属于:浏览器兼容问题
如果参照物没有触发haslayout,那么在ie6中“绝对定位的容器”的left和bottom就会有问题,
解决方案:在“相对定位的父容器”上加入 zoom:1 来触发ie的haslayout即可解决 在IE6中显示效果图如下:
效果描述:灰色为"相对定位的父容器"的padding,红色为"相对定位的父容器"的内容区,绿色为"绝对定位的子容器"
小技巧:通常我们在设置一个容器为position:relative的时候,都会加上zoom:1来解决很多ie下的问题

上一浏览器兼容专题:IE6常见Bug7:定位元素溢出不动

下一浏览器兼容专题: IE6常见Bug5:表单元素偏离