DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> HTML注釋代碼引起的IE6浮動的bug
HTML注釋代碼引起的IE6浮動的bug
編輯:CSS進階教程     

在IE6裡面DIV 與DIV之間或者是SPAN與SPAN標簽之間由於浮動 並且在這些標簽之間有一些HTML注釋代碼,這樣在IE6裡面浏覽的時候就會出現最後一個浮動的元素裡面的字符會被復制出去並顯示在元素的外面

效果圖

這一段是代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> HTML注釋代碼引起的IE6浮動的bug——poluoluo.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去除文字所在元素寬度

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved