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>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
