cssのmarginの使い方の全体的な紹介

1350 ワード

cssのmarginの使い方の概要:この章では、margin属性の使い方を全体的に簡単に紹介します.具体的な詳細は、この章ではあまり紹介されていません.対応する関連記事が表示されます.一.基本的な紹介:この属性は要素の外距離を設定するために使用され、外距離とは要素の外縁が外に延びる空白領域であり、外補白とも呼ばれる.コードの例は次のとおりです.
 
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.softwhy.com/" />  
<title>    </title>  
<style type="text/css"> 
#box{
  width:300px;
  height:200px;
  background:green;
}
#box .demo{
  width:100px;
  height:100px;
  background:red;
  margin-left:50px;
}
</style> 
</head> 
<body> 
<div id="box">
  <div class="demo"></div>
</div>
</body> 
</html>

上のコードでは,赤色divが緑色divの左端からの距離が外側距離形成の補白効果である.
 
詳細については、CSSのmarginプロパティの章を参照してください.二.外距離は合併現象があります:外距離合併はmarginの非常に重要な特徴で、把握しないといくつかの悩みを引き起こす可能性があります.具体的な内容はここではあまり紹介しません.margin外距離合併の詳細を参照してください.三.marginとインライン要素:このプロパティはインライン要素にも適用できますが、左右の外側距離には問題ありませんが、上下の外側距離に問題が発生する可能性があるので、まずブロックレベルの要素に変換することが望ましいことに特に注意してください.
原文の住所は次のとおりです.http://www.softwhy.com/forum.php?mod=viewthread&tid=13305
詳細については、次の項目を参照してください.http://www.softwhy.com/divcss/