<!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即可解決
![CSS的僞類與僞元素的差別[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)