§ ITPOW >> 文档 >> CSS

作者：vkvi 来源：ITPOW（原创） 日期：2013-7-18

<li><a href="">标题</a><span>2013-07-18</span></li>

如上代码，本来标题和日期是连在一起居左显示的，现在让标题居左、日期居右的办法有哪些呢？

一、利用浮动

li { width:100%; overflow:hidden; } li a { float:left; } li span { float:right; }

二、利用绝对定位

li { position:relative; } li a { position:absolute; top:0px; left:0px; } li span { position:absolute top:0px; right:0p; }

两种方法都可以，只不过要考虑标题太长，显示不全的问题，也要考虑 list-style-type 位置变化的问题。