2301_76282138的博客

原创 标准盒子模型和IE怪异盒子模型

CSS盒子模型是网页布局的核心，由内容（content）、内边距（padding）、边框（border）、外边距（margin）组成。标准模型（box-sizing: content-box）中，元素width/height仅定义内容区域尺寸，总宽度=内容+padding+border+margin。而IE怪异模型（box-sizing: border-box）的width/height包含内容、内边距和边框，总尺寸仅需加上外边距。