初始前端笔记之六

  1. box-sizing设置border-box属性.
    如果我们设置一个宽度为200px后,而实际盒子的宽度可能会大于200px,除非和边框和边距都为0,CSS设置的宽度仅仅是内容区的宽度,而非盒子的宽度,同样,高度类似.
    而这样设置后
div { box-sizing: border-box; width: 200px; padding: 20px; border: 1px solid #DDD; }

【初始前端笔记之六】盒子的宽度就直接为200px了.设置它的左右边框和左右边距后,它的内容区会自动调整.

    推荐阅读