2012-01-06 101 views
3

我已經使用這個固定的div設置:IE固定div最大高度?

.box { 
position: fixed; 
width: 600px; 
bottom: 20px; 
left: 50%; 
max-height: 400; 
overflow:auto; 
} 

我的問題是,在Internet Explorer忽略了最大高度,在div剛剛向上和淡出視野擴大,沒有滾動條,即使我設置溢出:滾動;。

BTW我用劈做固定的絕對位置框,以便他們停留在屏幕reguardless滾動的,如果該事項:

* { margin: 0; } 
* html .box { position: absolute; } 
+0

有趣的是我的表達式在ie 6 + 7中工作,但沒有8.在8中,表達式或常規css都不起作用。在9中,表達式不起作用,但CSS的確如此。那麼IE 8是不是很奇怪? – Myforwik 2012-01-06 07:59:16

回答

2

試試這個:

* html .box{ 
height: expression(this.scrollHeight > 399 ? "400px" : "auto"); /* fix for ie 5+ */ 
} 
.box { 
max-height: 400px; 
position: fixed; 
width: 600px; 
bottom: 20px; 
left: 50%; 
overflow:auto; 
} 
+0

這是否適用於EM單元或僅PX? – 2012-11-13 15:56:37