絶対位置決めがmargin外距離に与える影響

2758 ワード

絶対位置決めがmarginの外距離に与える影響:絶対位置決めと外距離についてはここではあまり紹介されていませんが、具体的には以下の2つの文章を参照してください.(1).絶対位置決めはCSSの絶対位置決めの章を参照してください.(2).外付け距離はCSSの外付け距離の章を参照してください.次に、コード例を用いて、marginの外側距離に及ぼす絶対位置決めの影響について説明する.コードの例は次のとおりです.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>    </title>
<style type="text/css"> 
*{
  margin:0px;
  padding:0px;
}
#box{
  width:200px;
  height:100px;
  background:red;
  margin-left:50px;
}
#antzone{
  width:100px;
  height:50px;
  background:green;
  position:absolute;
  margin-left:10px;
  left:0px;
}
</style>
</head>
<body>
<div id="box">
  <div id="antzone"></div>
</div>
</body>
</html>

上のコードから,要素のmargin外距離の参照オブジェクトが元の親要素から絶対位置決め参照要素になっていることがわかる.
原文の住所は次のとおりです.http://www.softwhy.com/forum.php?mod=viewthread&tid=18132
詳細については、次の項目を参照してください.http://www.softwhy.com/divcss/