通过项目总结 CSS兼容问题

Question

通过项目总结 CSS兼容问题

1: DIV+CSS 标准模板 : http://www.aa25.cn/layout/index.shtml

2:在Firefox下,外部DIV作为一个容器,并且内部DIV设置了float，此时外部DIV不能被自动撑开。而IE不会出现此问题。

  例：

1. <div style = " height : auto; background-color : Yellow; border : 1px solid red; width :300px;">
3.          <div style = "height : 100px; width :100px; background-color  : Red; float : left; ">test</div>
4.        <!--<div style = "clear : both;"></div>-->   
6. </div>

复制代码解决方法:在内部设置了float的DIV下边，添加一个<div style = "clear : both" ></div>

引用原文:http://www.cnblogs.com/phw0921/archive/2010/03/31/1701635.html