给html,body设置min-height 没有作用? -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

给html,body设置min-height 没有作用?

2016-06-03 18:44:26 1987 1

当网页内容区content东西很少时,footer就会跑到上边来?
我给body,html设min-height:100%;没有作用,
设置height:100%;就好了,但是内容多了就在一屏下?

body,html{
   min-height:100%;
}
body{
   position:relative;
}

.content{
  podding-bottom:100px;
}

.footer{
position:absolute;
bottom:0;
left:0;
height:100px;
}
取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:27:04

    这样写:

    html {
        height: 100%;
    }
    
    body {
        position: relative;
        min-height: 100%;
        box-sizing: border-box;
        padding-bottom: 80px; /* .footer 的高度,为 footer 占位 */
    }
    
    .footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 80px;
    }

    上面的代码兼容到 IE8 及以上

    0 0
相关问答

1

回答

html锚链接怎么设置?

2022-08-09 22:26:37 55浏览量 回答数 1

1

回答

HTML表格怎么设置?

2022-08-09 22:27:11 56浏览量 回答数 1

1

回答

在 HTML上,将表单中 input元素的 type属性值设置成什么可以用于创建重置按钮?

2021-11-22 20:54:58 568浏览量 回答数 1

1

回答

可以将HTML页面的标题设置为“Web前端设计”的是什么呀?

2021-11-22 18:36:34 223浏览量 回答数 1

1

回答

在 HTML上用于创建重置按钮,要将表单中 input元素的 type属性值设置为什么?

2021-10-29 22:13:42 241浏览量 回答数 1

1

回答

设置好服务器、域名后能不能直接导入html文件?

2020-12-04 22:15:47 338浏览量 回答数 1

1

回答

html head里面设置的meta referrer怎么对css无效呀?:报错

2020-06-14 17:48:55 816浏览量 回答数 1

1

回答

html head里面设置的meta referrer怎么对css无效呀?-服务报错

2020-06-01 21:16:54 338浏览量 回答数 1

1

回答

如何在行为中设置Allure Html报告的目标文件夹

2019-12-25 16:11:01 693浏览量 回答数 1

1

回答

如何设置HTML <select>元素的默认值?

2019-12-02 17:44:17 1689浏览量 回答数 1
+关注
杨冬芳
IT从业
文章
问答
问答排行榜
最热
最新
相关电子书
更多
《零基础HTML入门教程》
立即下载
利用 Poplayer 在手淘中实现稳定业务和临时业务分离
立即下载
低代码开发师(初级)实战教程
立即下载