下面只有五個前(在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 ...