码迷,mamicode.com
首页 > 其他好文 > 详细

将一个div固定在页脚

时间:2020-06-19 12:19:44      阅读:57      评论:0      收藏:0      [点我收藏+]

标签:一个   app   固定   form   style   height   pad   osi   min   

<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;  
}  

 

将一个div固定在页脚

标签:一个   app   固定   form   style   height   pad   osi   min   

原文地址:https://www.cnblogs.com/LangZ-/p/13162066.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!