新聞中心
box-sizing,這個(gè)屬性可以定義元素盒子的解析方式,從而可
“專業(yè)、務(wù)實(shí)、高效、創(chuàng)新、把客戶的事當(dāng)成自己的事”是我們每一個(gè)人一直以來堅(jiān)持追求的企業(yè)文化。 創(chuàng)新互聯(lián)建站是您可以信賴的網(wǎng)站建設(shè)服務(wù)商、專業(yè)的互聯(lián)網(wǎng)服務(wù)提供商! 專注于成都做網(wǎng)站、網(wǎng)站建設(shè)、軟件開發(fā)、設(shè)計(jì)服務(wù)業(yè)務(wù)。我們始終堅(jiān)持以客戶需求為導(dǎo)向,結(jié)合用戶體驗(yàn)與視覺傳達(dá),提供有針對性的項(xiàng)目解決方案,提供專業(yè)性的建議,創(chuàng)新互聯(lián)建站將不斷地超越自我,追逐市場,引領(lǐng)市場!
以選擇避免掉布局元素盒子增加內(nèi)邊距和邊框的長度增減問題。
//設(shè)置 border-box 讓 border 和 padding 不在額外增加元素大小
aside {
width: 200px; height: 500px;
background-color: purple; padding: 10px;
border: 5px solid red; box-sizing: border-box; float: left;
}
box-sizing 是 CSS3 推出的,各個(gè)廠商在實(shí)現(xiàn)時(shí)設(shè)置了私有前綴。
//完×××式
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box; box-sizing: border-box;
resize
CSS3 提供了一個(gè) resize 屬性,來更改元素尺寸大小。
一般普通元素,默認(rèn)值是不允許的。但如果是表單類的 textarea 元素,默認(rèn)是允許的。而普通元素需要設(shè)置 overflow:auto,配合 resize 才會(huì)出現(xiàn)可拖拽的圖形。
//允許修改aside {
resize: both; overflow:auto;
}
分享名稱:Borderbox-sizingresize
文章網(wǎng)址:http://www.dlmjj.cn/article/gppche.html


咨詢
建站咨詢
