V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
CSGO
V2EX  ›  问与答

HTML 如何设置最小高度?

  •  
  •   CSGO · 2019-02-14 20:34:52 +08:00 · 989 次点击
    这是一个创建于 2090 天前的主题,其中的信息可能已经有所发展或是发生改变。

    页面: https://wangyifang.com

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

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

    3 条回复    2019-02-15 09:17:05 +08:00
    CSGO
        1
    CSGO  
    OP
       2019-02-14 20:40:55 +08:00
    试出来了:

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

    这个一般叫做 Sticky footer,通常可以这样实现。
    gzf6
        3
    gzf6  
       2019-02-15 09:17:05 +08:00 via iPhone
    用弹性盒子 flex
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   963 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 21:19 · PVG 05:19 · LAX 13:19 · JFK 16:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.