<div class="yu"><ul><li><a href="#">这是标题</a><span class="date">2009-09-09</span></li></ul>
3个回答
展开全部
<style>
.yu li {overflow:hidden;zoom:1;}
.yu li a{display:block;width:80%;float:left;}
.yu .date{display:block;float:left;}
</style>
<div class="yu">
<ul>
<li><a href="#">这是标题</a><span class="date">2009-09-09</span></li>
</ul>
</div>
或者用定位 在li中用padding-right给span留空间
.yu li {overflow:hidden;zoom:1;}
.yu li a{display:block;width:80%;float:left;}
.yu .date{display:block;float:left;}
</style>
<div class="yu">
<ul>
<li><a href="#">这是标题</a><span class="date">2009-09-09</span></li>
</ul>
</div>
或者用定位 在li中用padding-right给span留空间
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询