HTML 如何设置最小高度?

2019-02-14 20:34:52 +08:00
 CSGO

页面: https://wangyifang.com

问题,我在底部做个内容,放一些信息,会紧贴浏览器底部;但是需要当浏览器窗口高度如果小于一个值,则有个类似 min-height: 800px;但是好像并没有效果,我在 css 里写入:

body { min-width: 300px; min-height: 800px; }

997 次点击
所在节点    问与答
3 条回复
CSGO
2019-02-14 20:40:55 +08:00
试出来了:

html{
height: 100%;
}
body {
position: relative;
min-width: 300px;
height: 100%;
min-height: 800px;
}
azh7138m
2019-02-14 20:43:09 +08:00
https://aotu.io/notes/2017/04/13/Sticky-footer/index.html

这个一般叫做 Sticky footer,通常可以这样实现。
gzf6
2019-02-15 09:17:05 +08:00
用弹性盒子 flex

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/535080

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX