解決IE文字重複顯示BUG

2022-03-23 21:22:34 字數 1049 閱讀 8863

下面只有五個前(在ie6下多了乙個前)

發生條件:

css中用了float屬性,並且用了html注釋,

補充說明:這個多文字bug在ie7和還在處於beta版的ie8已經得到解決。

下面給出解決方法

--------------------------------------------

**:<

div 

style

="width:200px;"

>

<

div 

style

="float:left;"

>

div>

<

div 

style

="float:left;width:200px;"

>

前前前前前

div>

<

div 

style

="clear:both;"

>

div>

div>

前前前前前

解決方法一:在父級容器加入:display:inline;

**:

前前前前前

前前前前前

解決方法二:在子級容器去掉注釋

**:

前前前前前

前前前前前

其他**蒐集的解決辦法

一、 去除

中的「float:left;」,你會頁面正常顯示。

同樣去除 中的「float:right;」,頁面正常顯示。

解決:可使用display:block;display:inline-block;display:inline等組合替代float功能

二、注釋造成文字溢位與其位置有關。注釋造成文字溢位與文字區塊的固定寬度有關。

解決:去除注釋或者固定寬度;採用百分比寬度代替,注釋不用放置在浮動區塊之間。

IE的box模型顯示bug

原作者charlee 原始鏈結http tech.idv2.com 2007 01 02 ie box model bug 以及本宣告。box模型即由等塊元素的 margin padding border width height 等屬性構成的顯示模型,它是css布局的基礎。通過設定的各種屬性,可以...

IE的box模型顯示bug

原作者charlee 原始鏈結 以及本宣告。box模型即由等塊元素的 margin padding border width height 等屬性構成的顯示模型,它是css布局的基礎。通過設定的各種屬性,可以得到任何想要的頁面效果。各個元素的含義如下 其中有問題的就是 width 和 height ...

IE的box模型顯示bug

原作者charlee 原始鏈結 以及本宣告。box模型即由等塊元素的 margin padding border width height 等屬性構成的顯示模型,它是css布局的基礎。通過設定的各種屬性,可以得到任何想要的頁面效果。各個元素的含義如下 其中有問題的就是 width 和 height ...