一、css盒子模型
CSS盒模型本質(zhì)上是一個盒子,盒子里包含:Margin(外邊距)、Padding(內(nèi)邊距)、Border(邊框)、Content(內(nèi)容)
設(shè)置一個CSS元素的寬度和高度屬性時,你只是設(shè)置內(nèi)容區(qū)域的寬度和高度
盒子模型(Box Model)
css盒模型例子
二、box-sizing
語法:box-sizing:content-box|border-box|inherit;
content-box: 只包含元素內(nèi)容大小,在寬度和高度之外繪制元素的內(nèi)邊距和邊框,瀏覽器默認(rèn)(ps:css盒模型)
300 * 100
border-box: 包含 元素內(nèi)容大小、padding、border。為元素指定的任何內(nèi)邊距和邊框都將在已設(shè)定的寬度和高度內(nèi)進(jìn)行繪制
300 * 100