◎圖片：
	(1)不能在HTML中設定img元素的height和width，因為這樣就不能按比例縮放圖片了。為了使流動圖片正常運作，只能用css控制圖片大小。

	(2)需要設定max-width，將max-width設定為100%可以讓瀏覽器不要讓圖片大小超出它的容器元素，例如：下面的<div class="main"><img src="image.jpg" /></div>，如此一來，圖片也不會溢出或被裁剪了!

	.main img{
			width:100%;
			max-width:100%
	}
		
◎混合固定寬度和流動寬度
	如果將某列的display屬性指定為table-cell，就可以混合使用固定寬度和流動寬度的列了：
	
	.main {
			display:table-cell;
			padding:2.5316456% /* 24px/948px */
	}
	
	.aside{      
			display:table-cell;
			width:300px;
	}
	
	縮放瀏覽器邊欄保持300px，內容欄則會進行調整填滿剩餘的區域，使用padding增加兩列的間隔。
	
======= 注意!!display:table的問題：
	1.display:table-cell無法精確定位。
	2.表格對浮動性是不利的。
		
	
	IE8以前版本可以用條件注釋導向另外一個CSS，但是又不想讓Windows Phone 7套用舊ie css格式：
	
	<!--[if (It IE 8) & (!IEMobile)]>
	<link rel="stylesheet" href="/css/ie.css" media="all">
	<![endif]-->
	
	ie.css中的內容欄則改為兩列浮動流動佈局：
	
	.main {
			float:left;
			width:65.8227848% /* 624/948 */
	}
	
	.aside{      
			float:right;
			width:31.6455696% /* 300/948 */
	}