盒模型

标准盒模型

 width + height 表示标准盒模型的内容部分  == content主体部分
 padding  元素的内边距
 border    元素边框

浏览器显示的宽 width + 左右的padding + 左右的border 
浏览器显示的高 height+ 上下的padding + 上下的border 

怪异盒模型

	width 		浏览器显示的宽
	height 		浏览器显示的高
 	padding  	元素的内边距
 	border    	元素边框
 	
怪异盒模型的特点是  自动计算宽高
宽高设置多少就是多少的值  不会超过设置元素宽高
给怪异盒模型设置padding 或者 border的时候会自动减少元素宽高