.cross{
list-style:none;
}
.cross li{
float:left;
}
.cross a{
display:block;
}
.cross a:hover{
background-color:red;
}
<body>
<h3>课程难度</h3>
<ul class="cross">
<li><a>首页</a></li>
<li><a>关于我们</a></li>
</ul>
</body>
list-style:none;
}
.cross li{
float:left;
}
.cross a{
display:block;
}
.cross a:hover{
background-color:red;
}
<body>
<h3>课程难度</h3>
<ul class="cross">
<li><a>首页</a></li>
<li><a>关于我们</a></li>
</ul>
</body>
已采纳回答 / 尽吾志者
首先，浮动具有破坏性，破坏了原先em的display:inline属性；然后，浮动就是个带有方位的display:inline-block属性，因此设置了浮动的em，会根据width和height属性来具体设置其大小，而没有设置浮动的em，其大小只能由其里面的文字撑开。
2015-11-14
最新回答 / 小小酥1992
这个问题是不需要解决的，你缩小了页面的百分比，相当于你压缩了框架的尺寸，但是文字元素的尺寸是不会变的，所有当然会掉下去啦，你这个问题没有意义的，你看看京东啊，天猫啊就懂了
2015-11-12
已采纳回答 / i爱慕客
我们经常在设计网站的导航部分的时候，如果想让导航超链接hover显示背景，但稍不注意，默认的inline会让你抓狂，因为display:inline会将超链接显示为内联元素，即没有宽和高的作用效果，这里无...
2015-11-11
已采纳回答 / HeyCobain_
需要对em设置浮动属性。因为em设置block后块状元素，而p也是块状元素。想让两个块状元素在同一行，就要对em设置浮动，让他先左浮动。就okem{width:20px;height:16px; display:block;text-align:center;color:#333;float:left; font-style:normal;}
2015-11-10
<div class="content">
<ul>
<li>首页</li>
<li>课程中心<ul>
<li>web前端
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ul>
<li>android开发</li>
<li>PHP开发</li>
</ul>
<ul>
<li>首页</li>
<li>课程中心<ul>
<li>web前端
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ul>
<li>android开发</li>
<li>PHP开发</li>
</ul>
em{
float:left;
display:block;
width:20px;
height:16px;
color:#333;
font-style:normal;
background:url('http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg') scroll 0 16px;
}
.top em{
background:url('http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg');
}
float:left;
display:block;
width:20px;
height:16px;
color:#333;
font-style:normal;
background:url('http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg') scroll 0 16px;
}
.top em{
background:url('http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg');
}