◎區塊(網格)：用百分比來排版。
	(1)原始固定板面：
	#container{
		width:948px;
	}
	.aside{
		float:right;
		width:300px;
	}
	.main{
		float:left;
		width:624px;
	}
改成流動版面：
	#container{
		width:95%;
		margin:auto 0;
		padding:625em 1.0548523% 1.5em 1.0548523%; /* 10px/16p 10px/948px 24px/16px */
	}
	上下用em，右左用%，之所以這樣做是由上下文所決定的，因為上和下的padding值是由font-size的大小決定的，所以使用em更有以意義。
	
	.aside{
		float:right;
		width:31.6455696%; /* 300/948*/
	}
	.main{
		float:left;
		width:65.8227848%; /* 624/948*/
	}	
	
	(2)Box-sizing：
		 -webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				  box-sizing: border-box;
				  
	一個width 200px的<DIV>，若padding為10px、border也是10px，不使用box-sizing時，<DIV>實際寬度將為220px(200+10+10)；若box-sizing改為border-box，則<DIV>實際寬度為200px，其內容物範圍寬度為180px(200-10-10)