懂否？

浏览器不同，可以审查元素看下是什么原因

解决了吗，我是不是来迟了。我也遇到这个问题了，后来我打开google-chrome调试工具看了以下。

发觉慕课网logo，就是那个logo_left选择器的高度超过logo行，逾越到了navigator这个部分了。所以nav_left左浮动的时候只浮动了一部分，被高出来的logo挡住了。

解决方案是：

.logo_left{height:80px}

设置nav_mid_left和nav_mid_right的高度为40px，就会好，你试试!

nav_mid_right 设置右浮动就可以了 float:right;

设置下：

display: inline-block;试试

没有的 border是0的 

我知道了,视频里没说,.nav样式里加一行 clear:both;代码就行了.

每个盒子的border属性都设为0然后再试一下

还有样式文件里添加下面代码

li{

    float:left;

}

在nav里加clear: both就好了

设置css：list-style-type:none

display:inline

inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化。

inline元素设置width,height属性无效。

inline元素的margin和padding属性，水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果；但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果。

display:inline-block

简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。

一个是块级元素，另一个是行内元素

出处网站http://www.cnblogs.com/KeithWang/p/3139517.html

应该发下你的那部分代码，才好发现问题

<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>

                <div class="nav_mid_right">

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

                        <input type="text" class="search_text" />

                    </form>

                </div>

这些需要内嵌在<div class="nav_mid">里面，而不是和它并行。

应该是这样

<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>

                <div class="nav_mid_right">

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

                        <input type="text" class="search_text" />

                    </form>

                </div>

            </div>

就好啦

用Java，jsp，可以写出来
写个连接数据库的类util
dao类现登陆验证、用户注册和一些基本的查询的方法等
jsp写细节

因为<ul>导航栏没有包含在<div class="nav_mid_left"><div>中；另外，<div class="top">没有结束标签，代码中标注<!--top结束-->的位置是<div class="top_content">的结束标签

是不是没设高度？

<div class="list_boxs">

<h2>新闻中心</h2>

<h1>【有奖活动】给父亲的三行书信</h1>

<p class="list_boxs_newsInfo">发布人：Admin 发布时间：2014-08-01 浏览：5321次</p>

<div class="list_boxs_newsContent">

<p>父亲这个角色，一直给人的印象都是不善言辞、默默守护。为了你和这个家付出了很多很多。也许从前的你太过年少，说不出对父亲的肉麻感谢，也许现在的你，已为人父母，能切身体会得到父爱的伟大。那么，正值父亲节来临之际，对于深爱你的父亲，请勇敢的表达出你对他的爱吧</p>

<p><strong>活动题目：</strong><u>给父亲的三行书信</u></p>

<p><strong>活动时间：</strong>6月6日&mdash;&mdash;6月16日（17号公布获奖名单）</p>

<p align="center"><img src="images/news1.jpg" width="500" height="336" alt="活动内容、" /></p>

<p><strong>活动内容：</strong>活动内容结合时下流行的&ldquo;三行体&rdquo;来给父亲表示感谢之情。具体内容不限，可以是诗歌、散文、代码等等，只要你能出其不意、真实的表达自己对父亲的感情即可参与其中。具体的回复形式参考示例！</p>

<p>&nbsp;</p>

<p><strong>示例格式参考如下：</strong></p>

<p>爹地，</p>

<p>儿在外多日，</p>

<p>请汇钱！</p>

<p>&nbsp;</p>

<p><strong>奖励：</strong>父亲专属（邮寄给父亲的奖品）</p>

<p><strong>获奖名额：</strong>8名</p>

<p><strong>抽奖规则：</strong></p>

<p>最逗比奖：4名（zobo水烟壶）</p>

<p>最煽情奖：4名（奔腾剃须刀）</p>

<p>（注：不可明搬示例内容，否则视为无效回复）</p>

<p align="center"><img src="images/news2.jpg" width="500" height="452" alt="奖品展示" /></p>

<p><strong>活动规则：</strong></p>

<p>1.凡慕课网登录用户均可参加。</p>

<p>2.小伙伴提交格式须严格按照活动要求，任何违反版规的帖子都将按版规相关规定处理。</p>

<p>1.凡慕课网登录用户均可参加。</p>

<p>1.凡慕课网登录用户均可参加。</p>

<p>1.凡慕课网登录用户均可参加。</p>

</div>

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

最简单的是用onclick()

你可能弄错原因了，错误原因是nav_middle_left这个div，和nav_middle_right这个div并没有设置浮动，他们是块级元素，必然会换行，你是在搜索框的样式上设置的左浮动，他的意思是搜索框在nav_middle_right这个块中左浮动，并不是让你的这个快去浮动贴着nav_middle_left这个块

li 标签设置字体是没效果的，要在a标签中设置

是在父元素中设置

我把你的代码粘贴后在我的电脑上面试没问题啊。我用了搜狗浏览器跟谷歌浏览器都没有问题。你用的是火狐吗？要不换一个浏览器试试？

display:inline-block;

你的nav_mid_left ,nav_mid_right 的width和是多少而你设置的nav_mid的width是多少？还有最重要的你nav_mid中的li设置float了？