31 2012年05月

div+css新闻列表中题目和日期错行

发布于:09时31分 | 来源:湛蓝天空  |   编辑:湛蓝  |   日志分类:DIV+CSS  |   已聚集:人围观
典型:<li><a href="http://www.skyhome.cn" title="湛蓝天空">湛蓝天空</a><span style="float:right">2012-05-31</span></li>
显示:<span>...</span>的内容到了<a>...</a>下一行,这个问题出现在IE8的兼容模式下,E8和火狐都没有问题。
原因:当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥也就是说,你的span是float:right,但是你文本还是float:none。
解决:
1. 把span先于文本显示 :<li><span style="float:right">2012-05-31</span><a href="http://www.skyhome.cn" title="湛蓝天空">湛蓝天空</a></li>
2. 把文本也设成float:<li><span style="float: left"><a href="http://www.skyhome.cn" title="湛蓝天空">湛蓝天空</a></span><span>2012-05-31</span></li>

除非注明,均为湛蓝天空原创,转载请注明本文网址:http://skyhome.cn/div_css/141.html

标签:列表错行(1)
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)