HTML的footer置於頁面最底部


vue項目中,使用element-ui的布局,仍然出現footer不固定頁面底部的情況,網上找到的一個管用的

方法是:footer高度固定+絕對定位

<html>
  <head>
  </head>
  <body>
    <div class="header">header</div>
    <div class="main">main content</div>
    <div class="footer">footer</div>
  </body>
</html>
<style >  .header{background-color: #ffe4c4;} .main{padding-bottom:100px;background-color: #bdb76b;}/* main的padding-bottom值要等於或大於footer的height值 */ .footer{position:absolute;bottom:0;width:100%;height:100px;background-color: #ffc0cb;} </style>
 

http://www.cnblogs.com/pinganzi/p/6383487.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM