yisainan / web-interview

我是齐丶先丶森,收集整理全网面试题及面试技巧,旨在帮助前端工程师们找到一份好工作!更多详见公众号「前端面试秘籍」
MIT License
2.63k stars 505 forks source link

[兼容性] 71. 出现重复文字的问题 #933

Open qiilee opened 4 years ago

qiilee commented 4 years ago

问题说明:

    <div style="width:400px">
      <div style="float:left"></div>
      <!– _ –>
      <div style="float:right;width:400px">↓这就是多出来的那只猪</div>
    </div>

解决方法: 1、改变结构,不出现【一个容器包含2两个具有“float"样式的子容器】的结构。 2、减小第二个容器的宽度,使父容器宽度减去第二个容器宽度的值大于3 3、去掉所有的注释。 4、修正注释的写法。 5、在第二个容器后面加一个或者多个

来解决。