本篇內(nèi)容主要講解“CSS中margin和padding屬性如何使用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“CSS中margin和padding屬性如何使用”吧!

專注于為中小企業(yè)提供做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)溫縣免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了近1000家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

CSS教程：詳解margin和padding屬性應(yīng)用場(chǎng)合

margin和padding的意義相信大家都很清楚，可是在具體應(yīng)用中，到底應(yīng)該使用哪一個(gè)，就比較難于判斷了。這篇文章說得挺清楚的，在這里供參考。

◆何時(shí)應(yīng)當(dāng)使用margin

需要在border外側(cè)添加空白時(shí)。

空白處不需要背景（色）時(shí)。

上下相連的兩個(gè)盒子之間的空白，需要相互抵消時(shí)。如15px+20px的margin，將得到20px的空白。

◆何時(shí)應(yīng)當(dāng)時(shí)用padding

需要在border內(nèi)測(cè)添加空白時(shí)。

空白處需要背景（色）時(shí)。

上下相連的兩個(gè)盒子之間的空白，希望等于兩者之和時(shí)。如15px+20px的padding，將得到35px的空白。

◆瀏覽器兼容性問題

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

到此，相信大家對(duì)“CSS中margin和padding屬性如何使用”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！