本篇內(nèi)容介紹了“css中的box-sizing屬性是什么”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)公司主營(yíng)庫(kù)車網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都App定制開(kāi)發(fā),庫(kù)車h5重慶小程序開(kāi)發(fā)公司搭建,庫(kù)車網(wǎng)站營(yíng)銷推廣歡迎庫(kù)車等地區(qū)企業(yè)咨詢

說(shuō)明

1、css box-sizing用于改變用于計(jì)算元素寬度和高度的默認(rèn)CSS盒子模型，并且可以來(lái)模擬不正確支持CSS盒子模型規(guī)范的游覽器行為。

2、box-sizing屬性可以是三個(gè)值之一：content-box、padding-box和border-box。

content-box，默認(rèn)值，只計(jì)算內(nèi)容的寬度，border和padding不計(jì)入width。

padding-box，padding計(jì)入寬度。

border-box，border和padding計(jì)算在寬度內(nèi)。

實(shí)例

    
    
    
        div{
            width: 50px;
            height: 50px;
            margin: 10px;
            padding: 10px;
            border: 10px solid #888;
        }
        #bs{
            box-sizing: border-box;
        }