注释的时候出现的一个bug
2009-07-21 12:28
267 查看
当多个浮动的元素彼此跟随,中间加注释的时候,最后一个浮动元素内的文本偶尔会复制到最下面去。
学名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>多了一只猪</title>
</head>
<body>
<div style="width:400px">
<div style="float:left"></div>
<!--注释内容-->
<div style="float:right;width:400px">↓这就是多出来的那只猪</div>
</div>
</body>
</html>
解决方法
1、不放置注释。最简单、最快捷的解决方法
2、注释不要放置于2个浮动的区块之间。
3、将文字区块包含在新的<div></div>之间,如:<div style="float:right;width:400px"><div>↓这就是多出来的那只猪</div></div>。
4、去除文字区块的固定宽度,与3有相似之处。
5、有的人在猪后加一个<br />或者空格,但只是消除现象。
6、不要给浮动元素设置多宽度,使其不会到达包含元素的底部,或者对最后一个元素设置margin-right: -3px;或者更小。 7、注释可以这样写:<!--[if !IE]>Put your commentary in here...<![endif]-->
学名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>多了一只猪</title>
</head>
<body>
<div style="width:400px">
<div style="float:left"></div>
<!--注释内容-->
<div style="float:right;width:400px">↓这就是多出来的那只猪</div>
</div>
</body>
</html>
解决方法
1、不放置注释。最简单、最快捷的解决方法
2、注释不要放置于2个浮动的区块之间。
3、将文字区块包含在新的<div></div>之间,如:<div style="float:right;width:400px"><div>↓这就是多出来的那只猪</div></div>。
4、去除文字区块的固定宽度,与3有相似之处。
5、有的人在猪后加一个<br />或者空格,但只是消除现象。
6、不要给浮动元素设置多宽度,使其不会到达包含元素的底部,或者对最后一个元素设置margin-right: -3px;或者更小。 7、注释可以这样写:<!--[if !IE]>Put your commentary in here...<![endif]-->
相关文章推荐
- 项目调试时候,出现其中用到的一个组件“访问被拒绝”的解决方法(.net的一个BUG)
- 项目调试时候,出现其中用到的一个组件“访问被拒绝”的解决方法[转]
- 解决一个只在调试运行状态下才出现的bug
- iOS 当页面中没有数据的时候出现的一个指向创建按钮的 UIView
- 当一个bug困扰你很久都解决不了的时候,它很可能就是一个低级错误
- 我写的回溯法,出现了一个BUG,找了好久。。。。才对上。。。
- 安卓中利用TranslateAnimation实现图片循环移动时候的出现的一个问题,在这里记一下
- ios navi push到下一页面,然后pop返回出现的一个bug
- 当一个界面有多个ViewPager的时候,如果出现某一个不显示的情况
- 安装apache时候./configure的时候出现的一个错误
- 解决myeclipse4.1.1对一个表生成映射文件的时候,出现“generating artifacts"的解决!
- BufferedReader.readLine()读取文件第一行会出现bug,首行第一个字符会是一个空字符
- ANR 的一个触摸bug转载下。。点击就会出现 error 的bug。。
- 项目调试时候,出现其中用到的一个组件“访问被拒绝”的解决方法
- 当一个SQL语句同时出现了where,group by,having,order by的时候,执行顺序和编写顺序
- 卸载时候出现: windows installer 程序有问题。此安装需要的dll不能运行 的一个解决方法
- Url以.(点)结尾,在使用httpwebrequest读取的时候,微软会有一个bug……
- Xib加载控制器的时候,出现的一个坑
- 解决drupal的模块状态过多会导致启用模块时候出现一个类似错误Maximum execution time of 30 seconds exceeded in xxxxxxxxxxx
- 最近一段时间在使用zepto.js的tap事件的时候,出现执行两次的bug,并报错