html – 设置div max height不起作用

前端之家收集整理的这篇文章主要介绍了html – 设置div max height不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个简单的 HTML
<html>
<head>
    <style>
    </style>
</head>
<body>
<div style="position: relative; overflow: visible; width: 100%; height: 100%;" class="surface">
    <div style="width: 300px; max-height: 2px; height: 2px; position: absolute; left: 36.165px; top: 0.8957px; border: 1px solid red;"></div>
    <div style="width: 1px; height: 200px; position: absolute; left: 30.165px; top: 47.8957px; border: 1px solid red;"></div>   
</div>
</body>
</html>

基本上有两个div:一个是“水平”(高度为2px),另一个是“垂直”(高度为2px).

当我在firefox上查看页面时:

而在IE(8)上发生的事情发生了:

顶级DIV不是2px高.

知道为什么会这样吗?

解决方法

您的解决方案:

1).添加显示:阻止你的风格

2).检查你有一个正确的DOCTYPE否则(IE)怪癖模式将产生意想不到的格式和结果. Check this article for reference

猜你在找的HTML相关文章