给楼主个建议:写float的时候,一定要带上widthcss参考手册:http://www.52html5.com/manual/css/用工具测试 很容易就能得到结果如果是双倍 可以将容器拉长点 如果恢复了 就反证 2内容超长不是 首先span这个不要右浮动 因为你的前面加链接的文字没有浮动 这样会出现你说的串行再说一下前面的点 ...
Css布局,碰到一个奇怪的串行现象
过多的我就不给你纠正了
<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标准性要求比较高2011-06-16
#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; }
#AA ul li span{font-size:30px; float:right;}
<li><span class="you">5.13</span><a href="">XXXXXX</a></li>
这个是基本的css样式写法,不过你要通过程序控制XXXXXX的长度。
给楼主个建议:写float的时候,一定要带上width
css参考手册:
http://www.52html5.com/manual/css/2011-06-15
用工具测试 很容易就能得到结果
如果是双倍 可以将容器拉长点 如果恢复了 就反证 2内容超长2011-06-16
不是 首先span这个不要右浮动 因为你的前面加链接的文字没有浮动 这样会出现你说的串行
再说一下前面的点 这个在属性最好不要用 因为在浏览器中的兼容不好 会出现一些问题 可以做个点的图片 添加背景的方式做2011-06-16