DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS教程:詳解margin和padding屬性應用場合
CSS教程:詳解margin和padding屬性應用場合
編輯:CSS詳解     

margin和padding的意義相信大家都很清楚,可是在具體應用中,到底應該使用哪一個,就比較難於判斷了,這裡和大家分享一下,希望對你有所幫助。

CSS教程:詳解margin和padding屬性應用場合

margin和padding的意義相信大家都很清楚,可是在具體應用中,到底應該使用哪一個,就比較難於判斷了。這篇文章說得挺清楚的,在這裡供參考。

◆何時應當使用margin

需要在border外側添加空白時。

空白處不需要背景(色)時。

上下相連的兩個盒子之間的空白,需要相互抵消時。如15px+20px的margin,將得到20px的空白。

◆何時應當時用padding

需要在border內測添加空白時。

空白處需要背景(色)時。

上下相連的兩個盒子之間的空白,希望等於兩者之和時。如15px+20px的padding,將得到35px的空白。

◆浏覽器兼容性問題

在IE5.x、IE6中,為float的盒子指定margin時,左側margin可能會變成兩倍的寬度。通過改用padding或指定盒子為display:inline可以解決。

【編輯推薦】

  1. 深入學習CSS中Margin和Padding屬性用法
  2. CSS中padding和margin屬性用法說明
  3. IE6雙倍margin間距兩大解決方案
  4. IE6下使用CSS定義DIV高度行之有效的辦法
  5. 技術前沿 一段JS代碼輕松解決IE6-IE8的兼容性問題
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved