盒子一般包括五个部分:margin外边距,border边框,padding内边距和内容区。
一、内容盒子
默认为内容盒子,它的width和height就是内容区的width和height
二、边框盒子
需要设置box-sizing:border-box;来将内容盒子变成边框盒子,
边框盒子的width = 左右边框宽度+左右内边距+内容区宽度
边框盒子的height=上下边框宽度+上限内边距+内容区高度
盒子一般包括五个部分:margin外边距,border边框,padding内边距和内容区。
默认为内容盒子,它的width和height就是内容区的width和height
需要设置box-sizing:border-box;来将内容盒子变成边框盒子,
边框盒子的width = 左右边框宽度+左右内边距+内容区宽度
边框盒子的height=上下边框宽度+上限内边距+内容区高度