首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

完美解决footer固定在底部

完美解决footer固定在底部 ? 很多人认为页面页脚部分不就是用footer主义化标签包起来嘛,然而不然;如果你足够细心的话就会发现当我们页面中主体内容不够多的时候会发生这样的情况: ?...导致这一问题的原因是页面内容太少,无法将内容区域撑开,从而在 footer 下面留下一大块空白;但是我们又希望footer能在窗口最底端。...今天给大家介绍两种方法来完美解决这个问题: 方法一:footer高度固定+绝对定位 思路:footer的父层的最小高度是100%,footer设置成相对于父层位置绝对(absolute)置底(bottom...:0),父层内要预留(padding-bottom)footer的高度。...>FOOTER CSS代码: *{ margin:0; padding:0; } html,body{ height: 100%; } #container{ /

3.1K10
领券