CSS + DIV 让页脚始终位于底部

最新推荐文章于 2021-06-08 20:36:53 发布

不见蝴蝶不见君。

最新推荐文章于 2021-06-08 20:36:53 发布

阅读量725

点赞数

分类专栏： HTML&CSS

本文链接：https://blog.csdn.net/gabby____/article/details/83755851

版权

HTML&CSS 专栏收录该内容

34 篇文章 1 订阅

订阅专栏


<body>  
<form> <!-- 如果用的是 Asp.Net 就可能会有这个结点 -->  
  <div class="Wrapper">  
    <div class="Header"></div>  
    <div class="Content"></div>  
    <div class="FooterPush"></div>  
  </div>  
  <div class="Footer"></div>  
</form>  
</body>

*  
{  
  margin: 0;  
  padding: 0;  
}  
     
html, body, form  
{  
  height: 100%;  
}  
     
.Wrapper  
{  
  min-height: 100%;  
}  
     
  .Wrapper .FooterPush  
  {  
    height: 120px; /* Footer 的高度 */  
  }  
     
.Footer  
{  
  clear: both; /* 清除浮动元素格式 */  
  position: relative;  
  margin-top: -120px; /* Footer 高度的负值 */  
  height: 120px;  
}