初始前端笔记之六

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

div {
    box-sizing: border-box;
    width: 200px;
    padding: 20px;
    border: 1px solid #DDD;
}

盒子的宽度就直接为200px了.设置它的左右边框和左右边距后，它的内容区会自动调整.