margin和padding的用法：

<div style="width: 300px; height: 300px;background-color: chartreuse;">
　　<div style="width: 200px; height: 180px; background-color: black; margin: 10px 0px 0px 10px; float: left; padding: 20px 0px 0px 0px;">
   　　<div style="width: 100px; height: 100px; background-color: cornflowerblue;"
 
>
　　　 </div>
　　</div>
</div>    

顯示的效果為：

所以要記住的是，如果要使用padding的話，就會使得這個元素變大。所以用padding加了多少像素，這個元素本身就該減去多少像素。才能維持原來大小。

給誰加的padding就作用於誰對外層的沒有影響。

前臺布局頁面二系列