>  기사  >  웹 프론트엔드  >  【CSS BUG】IE6奇数宽position定位_html/css_WEB-ITnose

【CSS BUG】IE6奇数宽position定位_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 12:34:181113검색

问题描述:有嵌套的两个块定位,盒子宽为奇数时在IE6里有1px的bug。

IE6 和 FF 的表现如下

示例代码:

<!doctype html><html><head><meta charset="UTF-8"><title></title><style type="text/css">    * { margin: 0; padding: 0; }    .box { position: relative; width: 401px; height: 200px; background-color: blue; }    .inner { position: absolute; right: 0; top: 0; width: 100px; height: 200px; background-color: red; }</style></head><body><div class="box">    <div class="inner"></div></div></body></html>

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.