Home >Web Front-end >HTML Tutorial >[CSS BUG] IE6 odd width position positioning_html/css_WEB-ITnose

[CSS BUG] IE6 odd width position positioning_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-06-24 12:34:181208browse

Problem description: There are two nested block positionings, and there is a 1px bug in IE6 when the box width is an odd number.

IE6 and FF behave as follows

Sample code:

<!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>

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn