多了一只猪---遭遇ie的bug

来源:互联网 发布:数据库多集群 编辑:程序博客网 时间:2024/04/28 02:51
看看下面这段代码:
 
<meta content="text/html; charset=gb2312" http-equiv="Content-Type" />
<title></title>
<div style="width: 400px;">
<div style="float: left;">&nbsp;</div>
<!--  -->
<div style="float: right; width: 400px;">&darr;这就是多出来的那只猪</div>
</div>










在ie下运行看看,是不是多出一只猪来,昨天我就是被这个问题搞得要发疯了
其实,这个解决起来可以用下面的方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://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><div style="float:right;width:400px">↓这就是多出来的那只猪</div>
</div></div>
</body>
</html>




















多了一个空的<div></div>,问题就解决了
你也可以把文中的注释去掉,不过去掉了别人还怎么看懂你的页面阿
这个问题也说不上太大,可是让大家很郁闷~~~~
原创粉丝点击