CSS コード: IE の 1px バグを見てください。
著者:Eve Cole
更新時間:2009-06-12 19:27:19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<頭>
<title>無題のドキュメント</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<スタイル>
h3{
位置:絶対;
上:-15px;
左:30ピクセル;
マージン:0;
パディング:0 5px;
行の高さ:25px;
背景:赤;
ボーダー:1px ソリッド #000;
}
.outer 、.outer2 {
位置:相対;
フロート:左;
幅:300ピクセル;
ボーダー:2px 破線 #000;
マージントップ:20px;
マージン左:20px;
背景:#ffffcc;
}
.inner {
位置:絶対;
ボーダー:1px ソリッドホワイト;
幅:100%;
高さ:100%;
位置:相対;
z インデックス:100;
マージン:-1px;
}
.outer p,.outer2 p {パディング:5px;マージン:10px 0 0;}
.outer h3 a、.outer2 h3 a{
行の高さ:20px;
フォントサイズ:70%;
ボーダー:1px ソリッド #000;
背景:#ffffcc;
テキスト装飾:なし;
垂直整列:上;
パディング:0 5px;
}
.outer2 {border:1px 破線 #000}
</スタイル>
</head>
<本文>
<div class="アウター">
<div class="inner">
<h3>优秀的边框<a href=" http://homepage.yesky.com/ ">さらに ></a></h3>
<p>この例は、IE に 1px の概念が存在する小さなバグを説明するためのもので、IE の {border:2px ダッシュ #000;} と {border:1px ダッシュ #000} には基本的に違いはありませんが、標準化浏览器を使用して分割できます。</p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
</div>
</div>
<div class="outer2">
<h3>この边框存在质量问题<a href=" http://homepage.yesky.com/ ">さらに ></a></h3>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
<p>建站学院 建站学院 建站学院 建站学院 </p>
</div>
</body>
</html>