问根据容器调整“div”的高度
EN

Stack Overflow用户

提问于 2009-10-29 04:01:58

回答 1查看 540关注 0票数 0

我怎么做才能使容器中的"div-3“根据它的高度进行调整。

我需要适应div的1和2留下的高" div-3“，不管这个div-3的内容是什么不完整。

可能没有显示div 1或div 2(显示:无)。

Html代码：

<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style>
.container{
    height:300px;
    overflow:hidden;
    width:500px;
}
.container div{
}
.div-1{
    background-color:#009966;
}
.div-2{
    background-color:#999999;
}
.div-3{
    background-color:#3399FF;
}

</style>
</head>
<body>
<div class="container">
    <div class="div-1">g f erg erg erg rga f erg erg erg rga</div>
    <div class="div-2">
        sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sf erg erg erg rgadf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />sdf<br />
    </div>
    <div class="div-3">b gf erg erg erg rga</div>
</div>
</body>
</html>

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2009-10-29 04:07:54

我不太清楚你在问什么。但是，如果在CSS中，不使用height，而使用min-height，如果div内容小于指定的高度，它仍然会强制300px，如果它大于300px，它会自动调整。

例如：

.container{
    min-height:300px;
    overflow:hidden;
    width:500px;
}

如果您想确保所有div都显示出来，可以尝试在div样式中设置max-height属性。

例如：

.div-3{
    background-color:#3399FF;
    max-height: 200px;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/1639741

复制

相似问题

问根据容器调整“div”的高度
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问根据容器调整“div”的高度EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问根据容器调整“div”的高度
EN