我单独在sublime中编程可以在浏览器中显示，为啥在慕课网的编辑器上显示不出来nav部分

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<title>IMOOC</title>
<link href="nav.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--  在此完成网页的HTML代码-->
<header>
    <div>
     <a href="#">
         <img src="http://img1.sycdn.imooc.com/climg//582e5f160001b17100400040.png">
         慕课网
     </a>
     <nav>
         <a href="#" >home</a>
         <a href="#">course</a>
         <a href="#" >actual</a>
         <a href="#" >plan</a>
         <a href="#" >faq</a>
         <a href="#">nates</a>
     </nav>
    </div>
</header>
</body>
</html>

a{
    text-decoration:none;
    color: #fff;
}
li{
    list-style:none;
}
header{
    background-color: #000
}
.main{
    width:1000px;
    height:80px;
    margin:0 auto;
}
.main > a{
    display:block;
    float:left;
    margin:25px 25px;
 
     
}
nav{
    float:right;
}
nav > a{
    display:block;
    float:left;
    height:73px;
    line-height:73px;
    width:50px;
    text-align: center;
}
.home{
    background-color: #433b90
}
.course{
    background-color: #017fcb
}
.actual{
    background-color: #78b917
}
.plan{
    background-color: #f27c01
}
.faq{
    background-color: #feb800
}
.nates{
    background-color: #d40112
}
nav>a:hover,nav>a:active{
    padding-bottom: 7px; 
}

慕粉1230321406 2017-01-30

源自：HTML5网页布局 2-3 html5页面布局（表现层_banner）

收起

1回答

小丸子爱吃菜 2017-01-30 19:40:40

我这边运行你的代码是没有问题的

你那边显示不出红框标注的部分吗？把你的这个效果也按照我这样的截图发过来一下，我们看下是什么情况！

祝学习愉快！

收起回答

提问者慕粉1230321406 #1

图片传不上来，对，就是红框里显示不出来。我直接在浏览器打开是显示正确的。另外，我自己试了一下，不用<header>标签可以显示出来。

2017-02-02 11:21:01
小丸子爱吃菜回复提问者慕粉1230321406 #2

好的，这个问题我会找技术人员问下看是什么情况~

2017-02-06 10:14:47