猿问

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双边距问题吗?

沧海一幻觉
浏览 706回答 3
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
我要回答