clear:both在HTML页面中的用法

场景一：    
    在编写代码的过程中，可能你经常会纠结一个问题，“明明我都写对了，为什么排版还是会乱？”
场景二：
    在查看或修改他人HTML源代码的时候，我们经常会看到有<div style="clear:both"></div>这行代码，作为新手的你，是不是觉得这行代码有点多余，有时手贱就直接把它删掉了，删掉后可能对整个页面没有影响，但也可能会导致页面瞬间崩溃。
问题解析：
    clear:both 在css里是清除左右两边浮动的意思，如果前面的DIV盒子里用到了浮动，那么在编写下一个DIV盒子之前，应该在前面加上<div style="clear:both"></div>，这样才能清除掉前面DIV盒子浮动带来的影响。