<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link type="text/css" href="登录界面.css" rel="stylesheet ">
<body>
<div class="head"> <!--头部，导航栏-->
<nav>
<ul id="head-1">
<li><a href=" " target="_self">开课吧首页</a ></li>
<li><a href="#">创业微学院</a ></li>
<li><a href="#">摄影微学院</a ></li>
<li><a href="#">微聚</a ></li>
<li><a href="#">论坛</a ></li>
</ul>
<ul id="head-2">
<li><a href="#">登录 | 注册</a ></li>
<li><a href="#">播放记录</a ></li>
<li><a href="#">APP下载</a ></li>
</ul>
</nav>
</div>
<div class="body">
<div class="body-1">
<ul id="ul1">
<li id="li1"></li>
<li><a href="#">个人中心</a ></li>
<li><a href="#">视频播放</a ></li>
</ul>
<ul id="ul2">
<li></li>
<li></li>
<li>󰄪</li>
<li></li>
</ul>
</div>
<!--这边少了一个body的对应div是吗？？？-->
<!--我觉我少了，加上后为什么多了一片空白-->
<footer>
<div class="top-div">
<p class="div-p-top">top</p >
</div>
<p class="tail-character">Copyright©2015 开课吧 kaikeba.com 版权所有</p >
</footer>
</body>
</html>
结构上确实少了个div，出现空白应该是css设置的问题
确实少了，空白原因检查css。人生建议：css文件名别写中文。