58_盒子的大小

默认情况下，盒子可见框的大小由内容区、内边距和边框共同决定

box-sizing用来设置盒子尺寸的计算方式（也就是设置width和height的作用范围）
可选值：

• content-box：默认值，宽度和高度用来设置内容区的大小
• border-box：宽度和高度用来设置整个盒子可见框的大小，也就是说，设置了这个属性后，width和height就不在是生效于内容区，而是指的是内容区、内边距和边框的总大小

#box{
	width: 100px;
	height: 100px;
	background-color: #bfa;
	padding: 10px;
	border: 10px solid black;
}/* 这时候可见框大小为 140 × 140 px */

#box{
	width: 100px;
	height: 100px;
	background-color: #bfa;
	padding: 10px;
	border: 10px solid black;
	box-sizing: border-box;
}/* 这时候可见框大小为 100 × 100 px */