想问老师就是哪里出现了问题，nav部分各模块之间的间距无法消除，也无法加入底部的外边距

来源：2-2 编程练习

VermouthYan

2019-08-20 11:20:16

<!DOCTYPE html>
<html>
<head>
 <title></title>
 <meta charset="utf-8">
 <link rel="stylesheet" type="text/css" href="H5header.css"/>
</head>
<body>
 <header>
  <div class="container">
   <a href="#"><img src="http://climg.mukewang.com/582e5f160001b17100400040.png"/>MYMOOC</a>
   <nav>
    <a href="#" class="Home">Home</a>
    <a href="#" class="Course">Course</a>
    <a href="#" class="Actual">Actual</a>
    <a href="#" class="Plan">Plan</a>
    <a href="#" class="FAQ">FAQ</a>
    <a href="#" class="Notes">Notes</a>
   </nav>
  </div>
 </header>
</body>
</html>


*{
 margin: 0;
 padding: 0;
 color: #fff;
 }
 .container{
     background-color: #000;
     width: 80%; height: 80px;
     margin: 0 auto;
     overflow: hidden;
      }
 .container > a{
      font-size: 24px;
      display: inline-block;
      line-height: 80px;
      text-decoration: none;
      padding: 7px 100px;
      float: left;
       }
 .container > nav{
        float: right;
        margin: 0 30px;
      }
 .container > nav > a{
         text-decoration: none;
         line-height: 80px;
         display: inline-block;
         padding: 0 15px;
       }
 .container > nav > .Home{background-color: red;}
 .container > nav > .Course{background-color: yellow;}
 .container > nav > .Actual{background-color: green;}
 .container > nav > .Plan{background-color: purple;}
 .container > nav > .FAQ{background-color: orange;}
 .container > nav > .Notes{background-color: blue;}

写回答

2回答