Css布局，碰到一个奇怪的串行现象?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AA</title>
<style type="text/css">
<!--
body A{ text-decoration:none; font-size:12px;}
#AA{ width:500px; height:100px; border:1px dashed #99CCFF; }
#AA ul{ width:100px; }
#AA ul li{ width:200px;float:left; border-bottom:1px dashed #99CCFF; }
.you{ font-size:30px; float:right; }
-->
</style>
</head>
<body>
<div id="AA">
<ul>
<li><a href="">XXXXXX</a><span class="you">5.13</span></li>
<li>XXXXXX<span class="you">5.13</span></li>
</ul>
</div>
</body>
</html>
我想弄成
XXXXXX 5.13
XxXXXX 5.13
这样的形式，为什么现在的效果是
XXXXXX
5.13
XxXXXX
5.13
为什么会串行？
高手，为什么IE6有这个问题，IE8就没有了，这个是所谓的IE6双边距问题吗？
沧海一幻觉3回答
-
ABOUTYOU
过多的我就不给你纠正了<li><a href="">XXXXXX</a><span class="you">5.13</span></li><li>XXXXXX<span class="you">5.13</span></li>改成：<li><span class="you">5.13</span><a href="">XXXXXX</a></li><li><span class="you">5.13</span>XXXXXX</li>你试试有没好，我也懒得帮你测试了只给你说明一下，如果设定了 float:right;那这个标签就放到跟他并列的标签的前面IE6对CSS的解析是最差的，写样式的时候最烦的就是兼容IE6，而IE8兼容性比较强，而且对CSS标准性要求比较高 -
一只斗牛犬
不是 首先span这个不要右浮动 因为你的前面加链接的文字没有浮动 这样会出现你说的串行再说一下前面的点 这个在属性最好不要用 因为在浏览器中的兼容不好 会出现一些问题 可以做个点的图片 添加背景的方式做
随时随地看视频慕课网APP
CSS3
Html/CSS