武林網(www.49028c.com)文章簡介:IE6浮動注釋BUG.
在IE6里面DIV 與DIV之間或者是SPAN與SPAN標簽之間由于浮動 并且在這些標簽之間有一些HTML注釋代碼,這樣在IE6里面瀏覽的時候就會出現最后一個浮動的元素里面的字符會被復制出去并顯示在元素的外面
效果圖
這一段是代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
<html>
<head>
<title> HTML注釋代碼引起的IE6浮動的bug——webjx.com </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css">
div {
width:100%; float:left;
}
</style>
</head>
<body>
<div>
<div>我是中國人</div>
<div>我是中國人</div>
<!--我是中國人-->
<div>我是中國人</div>
<div>我是中國人</div>
</div>
</body>
</html>
解決方案
1刪除注釋
2將注釋放在最前面或者是元素的后面
3使用CSS HACK 在樣式里面添加_position:relative;
4去除文字所在元素寬度
新聞熱點
疑難解答