在Internet Explorer中的最大div高度

Question

6

如何在Internet Explorer中创建一个高度为60像素的静态div？

- Matteo

1

请在编写仅适用于一个浏览器的代码之前，认真考虑。 - Christopher Creutzig

3个回答

3

#el {
    height:expression(this.scrollHeight>59?"60px":"auto");     
}

- meder omuraliev

这是一个很棒的解决方案。为什么使用scrollHeight而不只是height呢？ - cypher

一个元素的scrollHeight是对元素内容高度的测量，包括由于溢出而在屏幕上不可见的内容。我相信clientHeight也可以使用，但我认为这可能是必要的。 - meder omuraliev

1

表达式在IE9中不再起作用，而我认为它们在IE8中也不起作用了，所以这是一个可怕的想法。 - Rob

表达式会占用CPU资源，如果可以的话，请尽量避免使用它们。http://blog.dynatrace.com/2010/02/16/the-real-performance-overhead-of-css-expressions/ - Ruan Mendes

0

<div style="height: 60px;">This is my div</div>

- Emil Vikström

如果内容大于60像素，div 将自动调整大小。 - cypher

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- cypher · Accepted Answer

<div style="height: 60px; overflow: hidden;">Hello, World</div>

不幸的是，某些版本的IE不遵循max-height属性，这时候overflow: hidden就派上用场了。请注意，无论里面放了什么内容，该div元素的高度始终为60像素。