<p> </p><p>随着宽屏时代的到来，在现在的网页设计当中，人们对于网页排版有了更多的发挥空间。继而随之的是，往往我们现在所看到的许多网页，都被错落有致的划为了两列或者多列的布局，从而在视觉和操作上带来不一样的体验。</p><p>对于初学者而言，当我们去要实现这些效果的时候，才晃然发现，DIV的默认样式是只能独占一行，而在这个时候，CSS样式中float浮动属性则给我们提供了解决方案。同样随之而来的另一个问题就是，由于现在今市场上浏览器种类繁多，各类浏览器的标准并没有完全统一，也会出现当你使用了float浮动属性之后，往往在两种浏览器当中出现不一样的展示效果。</p><p>在做现在的网站之前，笔者也曾做过几个小站，印象最为深刻的是一个纯HTML的网页站，而就在调试那个站的时候，发现一个特别让人纠结的问题，那就是在以IE和Chrom为核心的两类浏览器中出现网页错位以及DIV元素不受控制。之前是四个同级的DIV层，二二分开，排列上下两行，之外在加上级DIV层包容，附加背景图片的属性。调试中发现，在Chr