HTML的footer置于页面最底部
生活随笔
收集整理的這篇文章主要介紹了
HTML的footer置于页面最底部
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
vue項(xiàng)目中，使用element-ui的布局，仍然出現(xiàn)footer不固定頁(yè)面底部的情況，網(wǎng)上找到的一個(gè)管用的
方法是：footer高度固定+絕對(duì)定位
<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
轉(zhuǎn)載于:https://www.cnblogs.com/wayneliu007/p/10324279.html
總結(jié)
以上是生活随笔為你收集整理的HTML的footer置于页面最底部的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 信用卡逾期会坐牢吗？逾期还款会有这些影响
- 下一篇： 前端处理跨域的几种方式