分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

HTML的footer置于页面最底部

发布时间:2023-09-06 02:31责任编辑:蔡小小关键词:HTML

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

HTML的footer置于页面最底部

原文地址:https://www.cnblogs.com/wayneliu007/p/10324279.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved