margin和padding的區別

標籤：href   技術分享   距離   pad   blog   開發   例子   ref   .com   

目前web2.0已經越來被人們認可，因為喜歡搞web開發的人員不得不硬著頭皮去學習web2.0的標準，其中很重要的一條就是新的布局規則，div+css。以前基本上是用table布局的，這種傳統的方式簡單直觀，但是這新的標準我學習起來時常找不到北。呵呵，就拿今天這個例子來說吧，很多朋友肯定也有我這種情況的，那我就從網上搜集一些例子出來，讓個更多的人消除這種煩惱。

      案例一：

     css中padding和margin的區別

 

margin 外邊距 border 邊框 padding 內邊距 也就是說 設定margin 那麼他所佔據的空白地方會是在邊框外面 設定padding 他所佔據的空白地方是在邊框裡面，圖解一下就更清楚了。     如,A,B兩個方框,A代碼padding,B代表margin,現在我們看A箭頭與藍色邊框的距離,這就是padding叫做內邊距,下面再來看看B外面的箭頭與B之前的距離就是我們所說的margin的,叫做外間距,哈哈你現在應該明白了,什麼是padding,什麼是margin吧？呵呵 案例二： 看看css盒模型，！margin是 DIV與周邊元素的距離padding是 DIV裡邊內容與這個DIV的距離

margin和padding的區別