樣式類似于聊天工具的resize,縮放窗口時消息區高度變化，其它元素高度不變，在chrome、FireFox下表現很好做，但IE6下不正常，消息區高度不能自適應變化。

　　如下圖，正常的情況和IE6下不正常的情況(灰色區是消息區),IE6下高度不是自動填充;? ? ?

? ? ?

　　代碼：　　

<div id="dialog_chatting" class="dialog_chatting" style="display:none;"><div class="chatPanel"><div class="revPanel"> </div><div class="sendPanel"><textarea class="txtReply"></textarea><button class="btChat">發送</button> </div> </div> </div>

　　樣式：

.chatPanel {height:100%; width:100%;_height:100%; _width:100%;position:relative; } .revPanel { position:absolute; top:0; left:0; bottom:100px; right:0;width:100%;_width:100%; overflow-y:auto;word-break:break-all; background-color:#ccc;_height:expression( (this.parentElement.clientHeight -100) +'px');} .sendPanel {position:absolute; bottom:0; left:0; right:0; padding-top:4px; height:96px;_height:96px; width:100%;}

?解決IE的bug辦法就是這一句：　　

_height:expression( (this.parentElement.clientHeight -100) +'px');

網上找了很多方法，測試了下，只有這種方法可行，雖說expression性能不好，不過兼容了IE6，也是是比較完美的方案

?最后IE6下的正常樣式:

轉載于:https://www.cnblogs.com/ninestates/archive/2012/08/27/2658246.html

總結

以上是生活随笔為你收集整理的IE6下绝对定位的高度自适应的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。