以前的解决方案：

.clear {
     clear: both;
     font-size: 0px;
     line-height: 0px;
       }

费解竟然这种解决方案不奏效了，于是用IE DEVELOPE TOOLBAR调试，发现 是存在的，那究竟是什么原因呢？在网上也没能找到相关的问题，只能自己解决（哎，本想站在巨人->Google的肩膀上总能看的更远）。不费话了，下面的自己找到的解决方法：

.clear {
    clear: both;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
       }

可能IE8在对页面解析呈现时，对高度为0的元素，根本不作为考虑的对象（个人理解，不具权威性）、还有一点不得不在这儿也要提醒一下，就是它的缺点：就是页面会产生多余的1px高的空白（不过本人想这应该在现实中不会有什么大不了的影响）。