好久沒有寫博文了，正好今天一個任務需求的修改，遇到了一個小小的問題(或者你已經遇到了)，在這里分享一下（雖然寫的時候，因為工作的原因，心情很不爽，但還是打算堅持一下）。

樣式

復制代碼代碼如下:
#demo{position:relative;width:300px;border:1px solid #090;}#demo div{position:absolute;width:200px;height:100%;background-color:#f00;}

結構

復制代碼代碼如下:
<div id=”demo”>
　　<div>position:absolute</div>
　　





</div>

在firefox、chrome、ie7+、opera中，#demo里面div的高度始終與#demo的高度一至，而ie6中則不會。請看下面的截圖：

給#demo添加樣式

復制代碼代碼如下:
_height:500px;

在ie6中看看div的高度。

可見，當我們不設置父級元素的高度時，里面100%高度的div在ie6中計算出了問題。如果我們給父級設置個高度，100%高度的div的高度則會與#demo設置的高度相同。

OK，完美解決。（不過我自己的需求是父級不能定高，fuck之，最后調整了結構解決了，因為現在是還沒上線的東西，所以不能用實際的例子，見諒。）

 PS:最近喜歡上了使用gvim來寫代碼，感覺還不錯。