gpt4 book ai didi

html - 适用于所有分辨率的全屏 CSS 框架,无论内容如何

转载 作者:行者123 更新时间:2023-11-28 04:33:54 25 4
gpt4 key购买 nike

我正在努力取得一些成就。让我们举个例子,我在 body 内部有一个 div,或者 body 本身,我给它一个带有一些边距的边框,我给它一个 100% 的宽度和高度,但是因为我需要它的内容向下拉伸(stretch)..

所以我有这样的东西:

Div with full with and small height

这就是我希望它在每个分辨率上的样子,无论其中的内容如何:

Fullscreen div

我如何实现这一目标?

最佳答案

示例:http://run.plnkr.co/qax6TBmBe1QeF3xg/

CSS:

.container
{
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
border:solid 2px black;
overflow:auto;
}

HTML:

<body>
<div class="container">
</div>
</body>

关于html - 适用于所有分辨率的全屏 CSS 框架,无论内容如何,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24743382/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com