一图搞定CSS中的margin，border，padding

.bigbox{
    
    
	width: 100px;
	height: 100px;
	background-color:#f00;
	border: 50px #0f0 solid;
	padding:50px;
	margin: 50px;
}

width和height只表示div内容的大小

如果要加margin、padding、border则总占地大小会改变

margin表示其他div与该div的距离

border与padding则算在该div大小上