gpt4 book ai didi

HTML DIVS 随内容动态扩展?

转载 作者:太空宇宙 更新时间:2023-11-03 19:19:34 25 4
gpt4 key购买 nike

我在主体内部有主要的“容器”div,在这个“容器”div 中有三个 div,它们是“页眉”、“内容”和“页脚”我的问题是,我希望“内容”div随着内容的动态增加垂直扩展,当'content' div 扩展时,'footer' 将被下推。所有这些都在主“容器”div 中完成,因此它也可以垂直扩展!?

HTML

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
</body>
</html>

CSS

body
{
background-color:Gray;
}
#container
{
border: dotted;
}
#content
{
border:dotted;
}
#header
{
border:dotted;
}
#footer
{
border:dotted;
}

最佳答案

您可以为此目的使用 CSS 属性 min-height,但您必须考虑到并非所有(旧版)浏览器都支持它。

这是一个例子:http://jsfiddle.net/YS9XV/1/

关于HTML DIVS 随内容动态扩展?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4707467/

25 4 0
文章推荐: css - 无论用户分辨率如何,都保持 CSS 背景图像相同
文章推荐: python - 在 Python 中更新字典值
文章推荐: python - backbone.js 在 python 中模拟模型
文章推荐: css - 图像未填充包装
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com