Duplicate Characters Bug 在IE中的HTML注释引起文字奇怪的复制

您现在的位置： Photoshop资源站 >> 设计学院 >> 网站设计 >> DivCSS教程 >> 正文

Duplicate Characters Bug 在IE中的HTML注释引起文字奇怪的复制

★★★

【字体：小大】

Duplicate Characters Bug 在IE中的HTML注释引起文字奇怪的复制

作者：佚名教程来源：不详点击数：更新时间：2008-1-26

当多个浮动的元素彼此跟随，中间加注释的时候，最后一个浮动元素内的文本偶尔会复制到最下面去。学名Duplicate Characters Bug

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>www.suncss.com 多了一只猪</title> </head> <body> <div style="width:400px"> <div style="float:left"></div>  <div style="float:right;width:400px">↓这就是多出来的那只猪</div> </div> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

可以通过以下的办法来解决：
　　　1、不放置注释。最简单、最快捷的解决方法
　　　2、注释不要放置于2个浮动的区块之间。
　　　3、将文字区块包含在新的<div></div>之间，如：<div style="float:right;width:400px"><div>↓这就是多出来的那只猪</div></div>。
　　　4、去除文字区块的固定宽度，与3有相似之处。
　　　5、有的人在猪后加一个<br />或者空格，但只是消除现象。
　　　6、不要给浮动元素设置多宽度，使其不会到达包含元素的底部，或者对最后一个元素设置margin-right: -3px;或者更小。
　　　7、注释可以这样写：

教程录入：onegreen 责任编辑：onegreen

上一篇教程： position:absolute绝对定位层奇怪的消失

下一篇教程： WebDesign Usability CheckList - Web可用性检查列表

【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

最新热点		最新推荐		相关文章
				LUCEPLAN：名家设计

\| 设为首页 \| 加入收藏 \| 联系站长 \| 友情链接 \| 版权申明 \| SiteMap（软件） \| SiteMap（文章） \| SiteMap（图片） \|
Powered by：onegreen.org 站长：onegreen〖粤ICP备06090975号〗