CSS最大高度不起作用

knpiaxh1 于 2023-02-06 发布在其他

关注(0)|答案(4)|浏览(232)

我有一个非常简单的问题，我需要一个div扩展以适应它的内容，除非高度达到一定的大小，当我想让div垂直滚动时。作为测试，我创建了一个包含以下内容的页面：

<div style="width:300px;max-height:25px;background-color:green;overflow:auto;">
    1<br />
    2<br />
    3<br />
    4<br />
    5
</div>

不幸的是，最大高度似乎不起作用。我做错了什么？
我用的是IE7。

css

来源：https://stackoverflow.com/questions/520710/css-max-height-not-working

4条答案

按热度按时间

3j86kqsm1#

问题出在你的浏览器上，也许你可以把这个div封装在另一个div中，这个div有固定的25 px的高度，当然这不会和max-height完全一样。
An article about a solution.

**编辑：**根据微软的说法，它应该在IE7+中工作。

您是否设置了合适的文档类型？如果没有，IE7使用的是旧的布局引擎。您应该使用HTML 4或XHTML。

赞(0）回复(0）举报 2023-02-06

e0uiprwp2#

以下是跨浏览器设置最小高度的方法：

min-height: 400px;
height:auto !important;
height:400px;

IE将高度属性视为最小高度，并忽略最小高度。
编辑：将问题误读为最小身高！（〉_〈）

赞(0）回复(0）举报 2023-02-06

jm81lzqq3#

你的准则对我有用。
当我用一页纸把它包起来的时候！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>1 2 3 4 5</title>
</head>

<body>
<div style="width:300px;max-height:25px;background-color:green;overflow:auto;">
    1<br />
    2<br />
    3<br />
    4<br />
    5
</div>
</body>

</html>

工作在IE7和 chrome 罚款。
FF 3没有给我滚动条。
但是最大高度在这三个地方都很好用。
没有周围的页面，虽然你的代码片段不工作。我建议测试代码在一个有效的HTML页面。

赞(0）回复(0）举报 2023-02-06

sbtkgmzw4#

尝试应用：