两种盒模型(box-sizing)的区别?
答题思路为:先说一,再说二,再说相同点,最后说不同点。
第一种盒模型是 content-box,即 width 指定的是 content 区域宽度,而不是实际宽度,公式为
实际宽度 = width + padding + border
第二种盒模型是 border-box,即 width 指定的是左右边框外侧的距离,公式为
实际宽度 = width
相同点是都是用来指定宽度的,不同点是 border-box 更好用。
一点有意思的小历史,请看视频。
Last updated