请老师指导下，感觉有些代码理得不是很清楚，谢谢

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
    /*此处写代码*/
    *{margin:0;padding:0;font-family:"微软雅黑";color:#fff;}
    .logo{background:url(http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png) no-repeat;width:360px; height:100px;}
    .nav{padding-top:-100px;background:black;height:100px;width:100%;position: fixed;top:0;left: 0;}
    ul{float:right;width:800px;position:absolute;top:0;right:0;line-height:100px;}
    ul li{float:left;list-style:none;font-size:26px;padding:0 46px;}
    .pic1 img{width:100%;display: block;}
    .foot{height:100px;background:black;font-size:26px;width: 100%;text-align: center;position: fixed;bottom: 0;left: 0;}
    .foot a{text-decoration:none;height: 100px;width: 700px;padding:0 46px;line-height: 100px;}
  </style>
</head>
<body>
  <!-- 此处写代码 -->
  <div class="nav">
      <div class="logo"></div>
      <ul>
          <li>课程</li>
          <li>职业路径</li>
          <li>实战</li>
          <li>猿问</li>
          <li>手记</li>
      </ul>
    </div>
    <div class="pic1">
        <img src="http://img1.sycdn.imooc.com/climg//58c0eda50001e12416000480.jpg" alt="">
        <img src="http://img1.sycdn.imooc.com/climg//58c0edb80001c9f216000480.jpg" alt="">
        <img src="http://img1.sycdn.imooc.com/climg//58c0edc9000100d516000480.jpg" alt="">
    </div>
    <div class="foot">
        <a href="#">网站首页</a>
        <a href="#">企业合作</a> 
        <a href="#">人才招聘</a>
        <a href="#">联系我们</a> 
        <a href="#">常见问题</a>
        <a href="#">友情链接</a>         
    </div>
</body>
</html>

voating 2018-02-01

源自：CSS网页布局基础 2-7 编程练习

收起

1回答

bbbboom 2018-02-01 13:42:22

我测试了你的代码，效果实现的很好呀！你不理解的地方可以说清楚一点，我们可以一起讨论一下呀！(#^.^#)

收起回答

提问者 voating #1

就是觉得写的时候，脑壳有点糊，感觉写了很多冗余的代码，效果实现的思路总感觉有点乱，谢谢老师

2018-02-01 14:07:15
bbbboom 回复提问者 voating #2

自己可以多多练习，把代码一部分一部分的理顺了就好多了，一起加油啊！(#^.^#)

2018-02-01 14:15:34
提问者 voating 回复 bbbboom #3

好的，谢谢老师

2018-02-01 14:22:36