什么是盒子模型？很多新手對此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

成都創(chuàng)新互聯(lián)公司是工信部頒發(fā)資質(zhì)IDC服務(wù)器商，為用戶提供優(yōu)質(zhì)的成都服務(wù)器托管服務(wù)

盒子模型有兩種：W3C和IE盒子模型

盒子模型包括margin、border、padding、content

W3C的元素寬度=content的寬度

IE的元素寬度=content+padding+border

我個(gè)人認(rèn)為W3C定義盒子模型與IE定義的盒子模型，IE定義的比較合理，

元素的寬度應(yīng)該包含border（邊框）和padding（填充），這個(gè)和我們現(xiàn)實(shí)生活的盒子是一樣的，

W3C也認(rèn)識到自己的問題了，所以在CSS3中新增了一個(gè)樣式box-sizing，

包含兩個(gè)屬性content-box 和 border-box。

content-box  ：  width=content+padding+border

border-box：     width=width（樣式指定的寬度）

1.對于行級元素，margin-top和margin-bottom對于上下元素?zé)o效，margin-left和margin-right有效

2.對于相鄰的塊級元素margin-bottom和margin-top 取值方式

1） 都是正數(shù)： 取大值   距離=Math.max(margin-botton,margin-top)

2） 都是負(fù)數(shù)： 取最小值   距離=Math.min(margin-botton,margin-top)

3）上面是正數(shù)，下面是負(fù)數(shù)或者 上面是負(fù)數(shù)，下面是正數(shù)： 正負(fù)相加   距離=margin-botton+margin-top

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司的支持。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、網(wǎng)站設(shè)計(jì)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

名稱欄目：什么是盒子模型-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接：http://jinyejixie.com/article44/dpephe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、ChatGPT、網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、小程序開發(fā)、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)