<ul>
<li>首页</li>
<li>课程中心
<ul>
<li>Web前段
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ul>
</li>
<li>Android开发</li>
<li>PHP开发</li>
</ul>
</li>
</ul>
<li>首页</li>
<li>课程中心
<ul>
<li>Web前段
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ul>
</li>
<li>Android开发</li>
<li>PHP开发</li>
</ul>
</li>
</ul>
对于nav会不能够完全在一行显示的原因是img本身是行内元素,如果直接在div内写img外,而不另外给img设置宽高,会导致整个图片实际的高度会多出来3px,解决办法:第一种:给img变成块元素,并且给img设置成与图片一样的高度,这样既可避免溢出;第二种:不就是溢出了嘛,直接给logo加上overflow:hidden,即可。
2017-07-31
.mainbox{width:960px;height:300px;background-color:#CFF;float:left;}
.leftbox{ width:740px;height:300px;background-color:#C9F;float:left;}
.rightbox{width:210px;height:300px;background-color:#FCF;float:right; }
<div class="mainbox">
<div class="leftbox"></div>
<div class="rightbox"></div>
</div>
.leftbox{ width:740px;height:300px;background-color:#C9F;float:left;}
.rightbox{width:210px;height:300px;background-color:#FCF;float:right; }
<div class="mainbox">
<div class="leftbox"></div>
<div class="rightbox"></div>
</div>