網(wǎng)頁(yè)注釋在IE中產(chǎn)生文字溢出

2024-08-26 00:10:07

字體：大中小

供稿：網(wǎng)友

實(shí)驗(yàn)代碼如下:

提示：您可以先修改部分代碼再運(yùn)行1、在IE、FF中測(cè)試，只在IE出現(xiàn)文字溢出現(xiàn)象。
說(shuō)明：注釋造成文字溢出是IE的BUG。
2、去除<div style="float:left"></div> 中的“float:left;”，你會(huì)發(fā)現(xiàn)多出來(lái)的“豬”字不見(jiàn)了，頁(yè)面正常顯示。

提示：您可以先修改部分代碼再運(yùn)行同樣去除 <div style="float:right;width:400px">中的“float:right;”，多余的“豬”字也同樣消失，頁(yè)面正常顯示。

提示：您可以先修改部分代碼再運(yùn)行說(shuō)明：注釋造成文字溢出與區(qū)塊的浮動(dòng)有關(guān)。
3、將注釋轉(zhuǎn)移到<div style="float:left"></div>前面，多余的“豬”字消失，頁(yè)面正常顯示。

提示：您可以先修改部分代碼再運(yùn)行將注釋轉(zhuǎn)移到<div style="float:right;width:400px">↓這就是多出來(lái)的那只豬</div>下面，多余的“豬”字也同樣消失，頁(yè)面正常顯示。

提示：您可以先修改部分代碼再運(yùn)行說(shuō)明：注釋造成文字溢出與其位置有關(guān)。（可與第2點(diǎn)結(jié)合理解）
4、去除<div style="float:right;width:400px">中的“width:400px”，多余的“豬”字消失，頁(yè)面正常顯示。

提示：您可以先修改部分代碼再運(yùn)行說(shuō)明：注釋造成文字溢出與文字區(qū)塊的固定寬度有關(guān)（無(wú)論是絕對(duì)值還是相對(duì)值）。
5、增加注釋的條數(shù)：當(dāng)1條注釋時(shí)，則多出來(lái)1個(gè)字；2條注釋時(shí)，則多出來(lái)3個(gè)字；3條注釋時(shí)，則多出來(lái)5個(gè)字……

提示：您可以先修改部分代碼再運(yùn)行

提示：您可以先修改部分代碼再運(yùn)行

提示：您可以先修改部分代碼再運(yùn)行

提示：您可以先修改部分代碼再運(yùn)行我們會(huì)從上面的規(guī)律中得到這樣一個(gè)公式：溢出文字的字?jǐn)?shù)=注釋的條數(shù)*2-1，這里的字?jǐn)?shù)在中文或英文數(shù)字時(shí)都成立。
當(dāng)溢出的文字字?jǐn)?shù)大于文本的字?jǐn)?shù)時(shí)，文字區(qū)塊將會(huì)消失。

提示：您可以先修改部分代碼再運(yùn)行說(shuō)明：溢出的字?jǐn)?shù)與注釋的條數(shù)有關(guān)。
由1和2的測(cè)試得知：注釋不要放置于2個(gè)浮動(dòng)的區(qū)塊之間。
解決方法：
1、不放置注釋。最簡(jiǎn)單、最快捷的解決方法，嘿嘿……

提示：您可以先修改部分代碼再運(yùn)行2、注釋不要放置于2個(gè)浮動(dòng)的區(qū)塊之間。

提示：您可以先修改部分代碼再運(yùn)行3、將文字區(qū)塊包含在新的<div></div>之間，如：<div style="float:right;width:400px"><div>↓這就是多出來(lái)的那只豬</div></div>。

提示：您可以先修改部分代碼再運(yùn)行4、去除文字區(qū)塊的固定寬度，與3有相似之處。

提示：您可以先修改部分代碼再運(yùn)行可能以上的分析和解決方法有不到位或者不準(zhǔn)確的地方，歡迎討論指正

上一篇：xhtml css網(wǎng)頁(yè)制作問(wèn)題的解決方法

下一篇：HTML教程:定義列表