先看下边的代码
================================
<meta http-equiv="Content-Type" c />
<title>多了一只猪</title>
</head>
<body>
<div style="width:400px">
<div style="float:left"></div>
<!-- -->
<div style="float:right;width:400px">↓这就是多出来的那只猪</div>
</div>
</body>
</html>
================================
保存上边的为test.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]-->
但在实际应用过程中,可能根本没有注释,这个问题一直郁闷了很久,因为现象不好描述,今天算碰上了,才找到叫"重复字符BUG"
其实上边说的完全,出现这个问题的另一方面是
display:******
自己改改设置display的值,合适并消除这个现象,很怪异,没有太多的规律
