溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
box-sizing，這個屬性可以定義元素盒子的解析方式，從而可
以選擇避免掉布局元素盒子增加內(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 推出的，各個廠商在實現(xiàn)時設(shè)置了私有前綴。
//完×××式
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box; box-sizing: border-box;
resize
CSS3 提供了一個 resize 屬性，來更改元素尺寸大小。
一般普通元素，默認值是不允許的。但如果是表單類的 textarea 元素，默認是允許的。而普通元素需要設(shè)置 overflow:auto，配合 resize 才會出現(xiàn)可拖拽的圖形。
//允許修改aside {
resize: both; overflow:auto;
}
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
