这个很简单的,并且这种为了客户体验,需要给文字内容加上 a 标签;你的就没加;
你看看我写的 ,下面分别是样式 和代码,保证兼容各大浏览器;
样式:
.clear{height:0px;overflow:hidden;clear:both;margin:0px;padding:0px}
*{margin:0px;padding:0px}
.news_ul{width:700px;height:750px;margin:0 auto;padding:0px 30px}
.news_ul ul{height:740px;overflow:hidden;zoom:1}
.news_ul li{font-family:"宋体";height:40px;line-height:40px;overflow:hidden;position:relative;padding:0 75px 0 15px}
.news_ul li a{color:#666}
.news_ul li a:hover{color:#2664B9;text-decoration:underline}
.news_ul li .num{position:absolute;right:0;top:0;color:#999}
代码:
<div class="news_ul">
<ul>
<li>
<p><a href="newsinfo.html">白酒行业连续高增长 警惕六大问题</a></p>
<span class="num">2013-09-25</span>
</li>
<li>
<p><a href="newsinfo.html">市场银行股持续活跃白酒股逐渐两融市场银行股持续活跃白酒股逐渐</a></p>
<span class="num">2013-09-25</span>
</li>
<li>
<p><a href="newsinfo.html">白酒股逐渐两融市场银行股持续活跃白酒股逐渐</a></p>
<span class="num">2013-09-25</span>
</li>
<li>
<p><a href="newsinfo.html">续活跃白酒股逐渐两融市场银行股持续活跃白酒股逐渐</a></p>
<span class="num">2013-09-25</span>
</li>
<li>
<p><a href="newsinfo.html">持续活跃白酒股逐渐两融市场银行股持续活跃白酒股逐渐</a></p>
<span class="num">2013-09-25</span>
</li>
</ul>
</div>
不懂可以追问
-------------------------满意望采纳------------------
温馨提示:内容为网友见解,仅供参考