<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>IE float浮动BUG</title>
</head>
<body>
新闻标题<span style="float: right;">2011-07-21</span>
</body>
</html>
上面的效果，firefox chrome IE8都正常，但是ie6 下 日期都换行显示了
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>IE float浮动BUG</title>
</head>
<body>
<span style="float: right;">2011-07-21</span>新闻标题
</body>
</html>
这样写，就可以兼容所有浏览器了，日期和文字是在一行的
原因就是，float元素如果和非float元素在一起，并且非float元素在前面，那么float元素会被排挤到第二行，解决办法就是对调顺序，或者给非float元素也加上float即可解决
1986
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
