40. 出现重复文字的问题

问题：
<div style="width:400px">
  <div style="float:left"></div>
  <!– _ –>
  <div style="float:right;width:400px">↓这就是多出来的那只猪</div>
</div>
解决：
1、  改变结构，不出现【一个容器包含2两个具有“float”样式的子容器】的结构。
2、减小第二个容器的宽度，使父容器宽度减去第二个容器宽度的值大于3
3、去掉所有的注释。
4、修正注释的写法。<!--[if!IE]>这里是注释内容<![endif]-->
5、在第二个容器后面加一个或者多个<divstyle="clear"></div>来解决。