ホームページ  >  記事  >  ウェブフロントエンド  >  [CSS バグ] IE6 奇数幅位置positioning_html/css_WEB-ITnose

[CSS バグ] IE6 奇数幅位置positioning_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:34:181065ブラウズ

問題の説明: ネストされたブロックの配置が 2 つあり、ボックスの幅が奇数の場合、IE6 には 1px のバグがあります。

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 までご連絡ください。