请问hearer前面的nofooter有什么作用？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>代码管理系统</title>
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/icon.css"/>
<script src="js/jquery-1.10.1.js"></script>
<script src="js/icon.js"></script>
<script src="js/sc-js.js"></script>
</head>
<body>
<div id="wapper">
<div id="nofooter">
<div id="header">
<div id="header-content">
<div class="logo"><a href="#"><img src="img/logo.png"/></a></div>
<div class="header-title">
<a href="#">
<h1><span class="green">代码</span>管理系统</h1>
<h4><i>Sample Code Manage System</i></h4>
</a>
</div>
<div id="login-bar">
<div id="login-msg">
<span class="icon-cancel-circle light_pink"></span>
<span class="light_pink"> 用户名不可为空！</span>
</div>
<form action="#">
<!-- <label class="white">用户名：</label> --><input type="text" name="username" placeholder="用户名"/>
<!-- <label class="white">密码：</label> --><input type="password" name="password" placeholder="密码"/>
<a class="submit_btn" href="#"><span class="icon-enter"></span> 登录</a><a class="normal_btn" href="register.html"><span class="icon-user3"></span> 注册</a>
</form>
</div>
</div>
</div>
<div id="content">
<div id="side">
<ul>
<li><a href="index.html"><span class="icon-download"></span> 代码下载</a></li>
<li><a href="admin.html"><span class="icon-profile"></span> 代码管理</a></li>
<li><a href="upload.html"><span class="icon-upload"></span> 代码上传</a></li>
</ul>
</div>
<div id="main">
<div class="main_error">
<span class="icon-sad"></span><br/><br/>
<h1>请求的资源未找到！</h1>
</div>
</div>
</div>
</div>
<div id="footer">
<h4>©2014 antonio_xie@163.com Copy Right Reserved</h4>
</div>
</div>
</body>
</html>
>
css文件(关键部分)：
#nofooter{padding-bottom: 70px; /* 不至被footer盖住 */}
请问hearer前面的nofooter有什么作用？为什么说如果不加padding-bottom: 70px就会被盖住？
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
foot和内容也分开罗。。。结构就是下面这种。。目测你的总容器wapper是relative定位，footer是absolute定位在最下面，而且高度是70，增加padding-bottom就是为了容纳70px高度的fotter，自己用开发工具看下dom结构和作用的css不就清楚了
<div id="nofooter"> </div> <div id="footer"> </div>2019-07-17 19:01:02赞同 展开评论
相关问答