我知道了，logo改成84px

<div class="nav_leif"></div>这个class错了

不会是软件问题的 这也没有牵涉到浏览器的兼容问题 个人认为你可能是没有浮动样式没有起作用 你可以把代码截图或者源码发出来 

float:left;

我也是这个问题,想了1天,还是百度来的快,是因为img标签有个3px左右的文字,给img加一个

display:block;

就可以了

 .logo{  里面的

            height: 80px;   改成height: 84px;

.nav_left  .nav_mid  .nav_right设置了边框，总宽度>wrap宽度（1000px）。详细教程看本教程第二章第一节

把 .logo 的高设置为 84px

.logo {

    height: 84px;

    background-color: #FFF;

}

有没有设置浮动

 .logo{

            height: 80px;   改成height: 84px;

            background-color:#fff ;

你确定你的路径是这样的吗，你不要照他的打，你要看自己把照片保存到哪里了

因为导航部分之前使用了浮动,后面的元素会受影响.

要在写写导航之前添加空的div,如:<div class="clear"></div>

然后在CSS文件中添加   .clear{clear:both;}

 我的ul 部分的“首页”也是在中间显示的，大家帮我看看是为什么呀

 <div class="nav">

          <div class="nav-left">

            </div><!--nav-left结束-->

            <div class="nav-mid">

            <div class="nav-mid-left">

                   <ul>

                       <li><a href="#">首页</a></li>

                       <li><a href="list.html">关于慕课</a></li>

                       <li><a href="list.html">新闻动态</a></li>

                       <li><a href="list.html">课程中心</a></li>

                       <li><a href="list.html">在线课程</a></li>

                       <li><a href="list.html">人才招聘</a></li>

                    </ul>   

                </div><!--nav-mid-left结束-->

                <div class="nav-mid-right">

                      <form action="" method="post">

                      <input type="text"/>

                      </form>

                </div><!--nav-mid-right结束-->

            </div><!--nav-mid结束-->

            <div class="nav-right">

            </div><!--nav-right结束-->

         </div><!--nav结束-->

margin设置的话不能适应不同大小的界面吧

之前HTML中，nav还只是个属性，而在HTML5中成为标签后的<nav>标签，主要是起到让编程人员意识到这是导航栏的作用~

<div class="top">
    <div class="top_content"></div>
    <ul>
        <li><a href="#">加入我们</a></li>
        <li><a href="#">添加收藏</a></li>
        <li><a href="#">设为首页</a></li>
    </ul>
</div>

原因是你上方的logo_left高度撑出范围，所以得你导航条被迫向右偏移200px。

仔细一看上方的logo_left的width刚好是200px；

解决方法：给logo_left设置heifht:80px;可以解决

找到原因了,nav_left没有设置float，写前端真是不能有一丝马虎。。。。

wrap的margin没有设置margin:0 auto;吧。

第一个直接加浮动，或设置高宽，我只知道这些

我刚刚也是，然后在nav标签中清除浮动clear：both；

nav 应该在 wrap 里面。你的分开了

是不是把电话号码写在<a>标签里了？

<div class="nav_mid">
    <div class="nav_mid_left">
        <ul>
            <li></li>
        </ul>
   </div>
   <div class="nav_mid_right">
     <form action=""method="post">
       <input type="text" />
     </form>
    </div>
</div>

这样的 ，表单和输入框要包含在div里面。

已从其他问答中找到原因。

在。nav_left里面写一个clear：left就行

 .nav_mid_left li

    {

        float:left;

        width:100px;

    }

我理解的话是因为 logo有定义高度，所以可以判断是否溢出。而logo_left没有定高度，它的高度是由内容决定的，所以img的高度就是logo_left的高度，它又怎么会判断自己溢出自己~

<div class="nav_mid_left">、<div class="nav_mid_right"> 这两部分的内容写错位置了，应该写在 <div class="nav_mid"></div>的中间