CSS修复了IE中的div最大高度？

Question

我有一个固定的div设置使用它：

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

我遇到的问题是，在Internet Explorer上它忽略了最大高度，div只是向上扩展而没有滚动条，即使我设置了溢出：scroll;。

BTW我正在使用黑客来做固定的绝对位置框，因此无论滚动如何，它们都会留在屏幕上，如果这很重要：

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

Answer 1

试试这个：

* 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;
}