建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
這篇文章主要介紹css中box-sizing屬性的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！
創(chuàng)新互聯(lián)是一家專(zhuān)注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃、小程序開(kāi)發(fā)、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動(dòng)互聯(lián)開(kāi)發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十余年以來(lái)，已經(jīng)為數(shù)千家陽(yáng)光房各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)?，F(xiàn)在，服務(wù)的數(shù)千家客戶(hù)與我們一路同行，見(jiàn)證我們的成長(zhǎng)；未來(lái)，我們一起分享成功的喜悅。
css box-sizing屬性用于以特定的方式定義匹配某個(gè)區(qū)域的特定元素，其語(yǔ)法是box-sizing: content-box|border-box|inherit。
css box-sizing屬性怎么用？
作用：box-sizing 屬性允許您以特定的方式定義匹配某個(gè)區(qū)域的特定元素。例如，假如您需要并排放置兩個(gè)帶邊框的框，可通過(guò)將 box-sizing 設(shè)置為 "border-box"。這可令瀏覽器呈現(xiàn)出帶有指定寬度和高度的框，并把邊框和內(nèi)邊距放入框中。
語(yǔ)法：
box-sizing: content-box|border-box|inherit
說(shuō)明：
content-box 這是由 CSS2.1 規(guī)定的寬度高度行為。寬度和高度分別應(yīng)用到元素的內(nèi)容框。在寬度和高度之外繪制元素的內(nèi)邊距和邊框。
border-box 為元素設(shè)定的寬度和高度決定了元素的邊框盒。就是說(shuō)，為元素指定的任何內(nèi)邊距和邊框都將在已設(shè)定的寬度和高度內(nèi)進(jìn)行繪制。通過(guò)從已設(shè)定的寬度和高度分別減去邊框和內(nèi)邊距才能得到內(nèi)容的寬度和高度。
inherit 規(guī)定應(yīng)從父元素繼承 box-sizing 屬性的值。
注釋?zhuān)篒nternet Explorer、Opera 以及 Chrome 支持 box-sizing 屬性。Firefox 支持替代的 -moz-box-sizing 屬性。
css box-sizing屬性 示例
這個(gè) div 占據(jù)左半部分。這個(gè) div 占據(jù)右半部分。
效果輸出：
以上是css中box-sizing屬性的方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
當(dāng)前文章：css中box-sizing屬性的方法
標(biāo)題來(lái)源：http://fisionsoft.com.cn/article/jgihjc.html
