<b>css文字反复 IE bug招致</b>[网站美工]
本文“<b>css文字反复 IE bug招致</b>[网站美工]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:
当多个浮动的元素彼此跟随,中间加注释的时刻,最后一个浮动元素内的文本无领悟复制到最下面去.学名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]-->
以上是“<b>css文字反复 IE bug招致</b>[网站美工]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
本文地址: | 与您的QQ/BBS好友分享! |