<!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.13XxXXXX 5.13这样的形式，为什么现在的效果是XXXXXX 5.13XxXXXX 5.13为什么会串行？高手，为什么IE6有这个问题，IE8就没有了，这个是所谓的IE6双边距问题吗？
3 回答
ABOUTYOU
TA贡献1812条经验 获得超5个赞
过多的我就不给你纠正了
<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标准性要求比较高
一只斗牛犬
TA贡献1784条经验 获得超2个赞
不是 首先span这个不要右浮动 因为你的前面加链接的文字没有浮动 这样会出现你说的串行
再说一下前面的点 这个在属性最好不要用 因为在浏览器中的兼容不好 会出现一些问题 可以做个点的图片 添加背景的方式做
- 3 回答
- 0 关注
- 705 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消