老师，麻烦看下这个问题
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<style type="text/css">
body{font-size: 16px;padding: 0;margin: 0;}
a{color:white;}
ul{list-style-type: none;}
#nav{background: black;width:100%;height:auto;}
#nav #img{width:200px;}
#nav ul{width:400px;height:60px;padding:0;float: right;background: red;}
#nav li{float: right;font-size:1.3em;line-height: 59px;margin:0 20px;}
</style>
</head>
<body>
<div id="nav">
<div id="img"><img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png"/></div>
<ul>
<a href="#"><li>手记</li></a>
<a href="#"><li>猿问</li></a>
<a href="#"><li>实战</li></a>
<a href="#"><li>课程路径</li></a>
<a href="#"><li> 课程</li></a>
</ul>
</div>
<div id="banner-1">
<img src="http://img1.sycdn.imooc.com/climg//58c0eda50001e12416000480.jpg"/>
</div>
<div id="banner-2">
<img src="http://img1.sycdn.imooc.com/climg//58c0edb80001c9f216000480.jpg"/>
</div>
<div id="banner-3">
<img src="http://img1.sycdn.imooc.com/climg//58c0edc9000100d516000480.jpg"/>
</div>
<div id="footer">
<ul>
<a href="#"><li>友情链接</li></a>
<a href="#"><li>常见问题</li></a>
<a href="#"><li>联系我们</li></a>
<a href="#"><li>人才招聘</li></a>
<a href="#"><li> 企业合作</li></a>
<a href="#"><li>网站首页</li></a>
</ul>
</div>
</body>
</html>
老师可以把我的代码运行一下，为什么的导航栏那一条怎么都放不进去页头 div 里面去，我算过宽度，图片才200px，导航条才400px，怎么可能放不到一块去。真心不知道怎么解决了。老师麻烦尽快解答，在线等，这道题过不去，后面的我觉得都不用学了。
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星