IE6 相对定位容器中的绝对定位BUG

来源:互联网 发布:动漫神作 知乎 编辑:程序博客网 时间:2024/06/08 05:15
 
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>IE6 相对定位容器中的绝对定位BUG</title><style>*{margin:0;padding:0;}#box {background:#eee;border:1px solid #333;position:relative;text-align:right;}  #smallbox {background:#009999;width:200px;height:20px;position:absolute;left:0;top:0;}  </style></head><body><div id="box">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<div id="smallbox"></div></div></body></html>


解决方案就是给相对定位的父容器触发haslayout(使其拥有布局),那么可以设置父容器的宽度或者高度,比如

_height:1%; 这样可以只解决IE6而不影响其他浏览器,另外1%也不会影响实际高度的。

原创粉丝点击