關於學習css盒模型的總結

box-sizing:border-box;這樣設置,width屬性是所有可見部分的寬度和,即盒子的寬度=外邊距margin+邊框border+內邊距padding+填充內容的寬度,盒子總寬度不會變,內容的寬度會隨着邊距的增加而減小;如果設置爲content-box,那總的盒子的寬度會變大,所設置的width屬性的值就是填充內容的寬度值,再加上內外邊距和邊框,這樣總的盒子寬度就變大了。 如下圖,我
相關文章
相關標籤/搜索