把 綠色那個div 上下頁居中

<style type="text/css">
<!-- 
div {
	position:absolute;
	top:50%;
	left:50%;
	margin:-150px 0 0 -200px;
	width:400px;
	height:300px;
	border:1px solid #008800;
	}
-->
</style>
<div>讓層垂直居中於瀏覽器視窗</div>

 其實解決的思路是這樣的：首們需要position:absolute;絕對定位。而層的定位點，使用外補丁margin負值的方法。負值的大小為層自身寬度高度除以二。

如：一個層寬度是400，高度是300。使用絕對定位距離上部與左部都設定成50%。而margin-top的值為－150。margin-left的值為－200。這樣我們就實現了層垂直居中於瀏覽器的樣式編寫 

注：上面的是一般用於垂直居中與瀏覽器，想解決div垂直居中與外層div的話，只需要給外層div加上position:relative;就好了；記住，外層div要設定高度和寬度

參考地址：http://zhidao.baidu.com/link?url=TmAb3nyqlRsVdt98hbpwQi03qV9guvirvCDVe0WbdFxLxxOJpZ8O_l92xZmHSGdnhmXqUW1S10eiyzOlliuOfq