CSSにおける位置と枠線

先端の学習過程で、いわゆる箱モデルに触れるに違いない.今日は箱の模型と関連する属性を簡単に紹介します.
 
一、marginとpadding
先に図を描きます.

http://www.hicss.net/use-margin-or-padding/
 
二、position:relativeとposition:absolute

position：absolute       ；          。

   ：position：absolute；left:20px;top:80px;               20px,      80px     。

position：relative     ，            。       top left   。   margin。

  ：<div class="1"></div><div class="2"></div>



 1     。1   float:left;width:100px; height:800px;

2    float:left; position：relative；margin-left:20px;width:50px;

2    1   ，  120px