即使内容不够大(也不会发粘),也可以将我的页脚放在屏幕底部

白杜姆

我有一个非常简单的问题:当我的内容不足以填满屏幕时,页脚就会出现,看起来有点混乱。您可以在常规的笔记本电脑显示器上在这里看到它:http : //www.dlgt.co

在该页面上,迫使页脚保持较低位置的诀窍是什么?我不希望它具有粘性。我试图在内容容器(#loading_effect)上设置最小高度:100%,但没有成功。看起来像以px为单位的特定最小高度有效,但这在所有监视器上均不起作用。

谢谢 !

克杰耶

尝试添加height: 100%htmlbody和你的主要内容。这会将页脚移到屏幕外部。通过将margin-bottom等于页脚高度的负数添加到主要内容中,可以再次向上移动页脚。有关示例,请参见http://codepen.io/ckuijjer/pen/wbony

编辑:好的,那没有完全起作用。重试使用min-height: 100%box-sizing: border-box并且padding-bottom等于页脚的高度。参见http://codepen.io/ckuijjer/pen/jFgwd

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

即使内容不够大(也不会发粘),也可以将我的页脚放在屏幕底部

来自分类Dev

即使页面内容小于屏幕内容,如何使页脚始终停留在页面底部?

来自分类Dev

底部屏幕上的HTML页脚,但不发粘

来自分类Dev

我想将页脚固定在内容的底部(而不是屏幕),以便将其全部放在一个div中吗?有任何想法吗?

来自分类Dev

页脚在底部但不发粘

来自分类Dev

页脚在底部但不发粘

来自分类Dev

即使屏幕尺寸不够大,如何将背景图像缩放到高度和宽度的100%

来自分类Dev

无法将我的页脚内容居中

来自分类Dev

我的内容不会降低页脚

来自分类Dev

将页脚放在底部?

来自分类Dev

如何将我的背景图片放在底部

来自分类Dev

CSS页脚不发粘并漂浮在底部

来自分类Dev

Bootstrap Navbar固定的底部粘页脚

来自分类Dev

如何将我的按钮放置在屏幕底部?SwiftUI

来自分类Dev

将页脚放在页面底部

来自分类Dev

页脚显示在内容上方。我总是在页面底部

来自分类Dev

Listview-屏幕底部的页脚

来自分类Dev

为什么即使我使用clear:都在页脚上,我的页脚仍覆盖我的内容?

来自分类Dev

即使减小浏览器的宽度,如何将页脚保持在屏幕底部?

来自分类Dev

将我的屏幕内容远程显示到其他设备

来自分类Dev

Bootstrap/CSS - 即使没有足够的内容也将页脚保持在底部

来自分类Dev

CSS页脚在小尺寸屏幕上不会停留在底部

来自分类Dev

如何正确地将我的活动放在教程的底部导航中?

来自分类Dev

无法将页脚放在页面底部

来自分类Dev

使用Javascript将页脚放在底部

来自分类Dev

如何将页脚放在页面底部?

来自分类Dev

如何将页脚放在页面底部

来自分类Dev

将页脚放在页面底部,但不固定

来自分类Dev

如何将页脚放在页面底部,我在做什么错?

Related 相关文章

  1. 1

    即使内容不够大(也不会发粘),也可以将我的页脚放在屏幕底部

  2. 2

    即使页面内容小于屏幕内容,如何使页脚始终停留在页面底部?

  3. 3

    底部屏幕上的HTML页脚,但不发粘

  4. 4

    我想将页脚固定在内容的底部(而不是屏幕),以便将其全部放在一个div中吗?有任何想法吗?

  5. 5

    页脚在底部但不发粘

  6. 6

    页脚在底部但不发粘

  7. 7

    即使屏幕尺寸不够大,如何将背景图像缩放到高度和宽度的100%

  8. 8

    无法将我的页脚内容居中

  9. 9

    我的内容不会降低页脚

  10. 10

    将页脚放在底部?

  11. 11

    如何将我的背景图片放在底部

  12. 12

    CSS页脚不发粘并漂浮在底部

  13. 13

    Bootstrap Navbar固定的底部粘页脚

  14. 14

    如何将我的按钮放置在屏幕底部?SwiftUI

  15. 15

    将页脚放在页面底部

  16. 16

    页脚显示在内容上方。我总是在页面底部

  17. 17

    Listview-屏幕底部的页脚

  18. 18

    为什么即使我使用clear:都在页脚上,我的页脚仍覆盖我的内容?

  19. 19

    即使减小浏览器的宽度,如何将页脚保持在屏幕底部?

  20. 20

    将我的屏幕内容远程显示到其他设备

  21. 21

    Bootstrap/CSS - 即使没有足够的内容也将页脚保持在底部

  22. 22

    CSS页脚在小尺寸屏幕上不会停留在底部

  23. 23

    如何正确地将我的活动放在教程的底部导航中?

  24. 24

    无法将页脚放在页面底部

  25. 25

    使用Javascript将页脚放在底部

  26. 26

    如何将页脚放在页面底部?

  27. 27

    如何将页脚放在页面底部

  28. 28

    将页脚放在页面底部,但不固定

  29. 29

    如何将页脚放在页面底部,我在做什么错?

热门标签

归档