如何使页脚固定在底部?

妮维莎 G

我在我的项目中使用页脚。我正在使用 c#.net mvc。

我插入页脚。但我有问题。

当正文具有低内容意味着,页脚上升。即在正文内容下方。如果正文包含低内容,我希望页脚固定在页面底部。

我怎样才能实现它?

.footer {
  background: none repeat scroll 0 0 white;
  border-top: 1px solid #e7eaec;
  bottom: 0;
  left: 0;
  padding: 10px 20px;
  position: absolute;
  right: 0;
}
<div class="footer">
  Bottom Page
</div>

用户4676340

您可以使用来自 CSS3 的新属性和值。

例如 :

<body>
    <div class="container"></div>
    <div class="footer"></div>
</body>

对于 CSS :

.container {
    min-height: 90vh;
}

.footer {
    height: 10vh;
}

这样,即使您的容器为空,您的页脚也将始终位于底部

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用“ position:absolute”将页脚固定在div的底部?

来自分类Dev

如何使用绝对位置将页脚固定在底部?

来自分类Dev

使用Bootstrap 3使页脚固定在底部

来自分类Dev

不要将页脚固定在底部

来自分类Dev

页脚未固定在页面底部

来自分类Dev

用tailwindCSS将页脚固定在底部

来自分类Dev

如何使STICKY表单内的页眉和页脚(即分别固定在表单的顶部和底部)?

来自分类Dev

缩小时无法将页脚固定在屏幕底部

来自分类Dev

为什么我的页脚没有固定在页面底部?

来自分类Dev

如何将AppBar固定在底部

来自分类Dev

Bootstrap中的页脚,该页脚随内容扩展或固定在底部

来自分类Dev

如何自动调整底部固定页脚的高度

来自分类Dev

如何自动调整底部固定页脚的高度

来自分类Dev

Div,固定在底部,固定在顶部

来自分类Dev

Android页脚固定在底部,将位于其他视图之上

来自分类Dev

根据高度将网站页脚固定在页面底部还是下方?

来自分类Dev

使元素固定在屏幕底部

来自分类Dev

如何定位底部页脚?

来自分类Dev

如何修复底部的页脚?

来自分类Dev

GADBannerView固定在UITableViewController屏幕底部

来自分类Dev

CSS布局固定在底部,高度可变

来自分类Dev

离子滑块固定在离子含量的底部

来自分类Dev

固定在可滚动元素底部的位置

来自分类Dev

固定在页面底部的可滚动元素

来自分类Dev

如何在调整大小时将html元素固定在窗口的底部,而不是在滚动时将其固定在窗口的底部?

来自分类Dev

滚动时如何保持<li>元素固定在<ul>元素的顶部和底部

来自分类Dev

如何在flexbox中垂直居中放置文本,并使图像固定在底部?

来自分类Dev

如何附加固定在生成的contentEditables div顶部和底部的nonEditableContent?

来自分类Dev

滚动时如何将表单元素固定在显示的屏幕底部?

Related 相关文章

  1. 1

    如何使用“ position:absolute”将页脚固定在div的底部?

  2. 2

    如何使用绝对位置将页脚固定在底部?

  3. 3

    使用Bootstrap 3使页脚固定在底部

  4. 4

    不要将页脚固定在底部

  5. 5

    页脚未固定在页面底部

  6. 6

    用tailwindCSS将页脚固定在底部

  7. 7

    如何使STICKY表单内的页眉和页脚(即分别固定在表单的顶部和底部)?

  8. 8

    缩小时无法将页脚固定在屏幕底部

  9. 9

    为什么我的页脚没有固定在页面底部?

  10. 10

    如何将AppBar固定在底部

  11. 11

    Bootstrap中的页脚,该页脚随内容扩展或固定在底部

  12. 12

    如何自动调整底部固定页脚的高度

  13. 13

    如何自动调整底部固定页脚的高度

  14. 14

    Div,固定在底部,固定在顶部

  15. 15

    Android页脚固定在底部,将位于其他视图之上

  16. 16

    根据高度将网站页脚固定在页面底部还是下方?

  17. 17

    使元素固定在屏幕底部

  18. 18

    如何定位底部页脚?

  19. 19

    如何修复底部的页脚?

  20. 20

    GADBannerView固定在UITableViewController屏幕底部

  21. 21

    CSS布局固定在底部,高度可变

  22. 22

    离子滑块固定在离子含量的底部

  23. 23

    固定在可滚动元素底部的位置

  24. 24

    固定在页面底部的可滚动元素

  25. 25

    如何在调整大小时将html元素固定在窗口的底部,而不是在滚动时将其固定在窗口的底部?

  26. 26

    滚动时如何保持<li>元素固定在<ul>元素的顶部和底部

  27. 27

    如何在flexbox中垂直居中放置文本,并使图像固定在底部?

  28. 28

    如何附加固定在生成的contentEditables div顶部和底部的nonEditableContent?

  29. 29

    滚动时如何将表单元素固定在显示的屏幕底部?

热门标签

归档