程序如此灵动！

【苏南博文导读】
    苏南玩web coding也大约4、5年了，但是自从css+div流行起来后，每次最另苏南崩溃的就是如何让页面在firefox下面也能规规矩矩、正常显示。
 

    为此也没shao和其它人讨论这件事情，大家的态度也不一致，或者bs漏洞百出的ie，或者痛批不能显示那些“非标准”页面的firefox。 

    苏南个人认为，firefox的出现，确实给ie专制下的页面市场了一剂强心剂，不过有些副作用。firefox迫使人们对它进行代码优化重组，以免丢掉日益增长的firefox用户。
 
    不多说，今天就先说说，最常见的页面布局小技巧吧。玩web的博友请继续，其它的博友请看其它博文。
 
页面预期效果如图所示
   1部分和4部分基本上没有问题。但是2部分和3部分要放页面主体，而页面主体的高度一般是不定的。所以需要特别注意。推荐大家在firefox下装个ietab插件，是一个台湾的同胞兄弟开发的，切换起来特别方便，可以非常方便的观察到ie和firefox对页面解释的细微差别。（感谢 zcom的马士华 教我使用ietab）
 
问题一：2及3部分要高度自适应，高度保持一致（至少视觉上是）
解决办法：在2、3外面包一个div，用这个div的背景图来显示使其视觉高度达到一致，一般可能的实际情况是，2高度远小于3，如果单独对2，3使用背景色的话，就很难达到视觉高度一致了。
 
问题二：4部分要随着3的高度的增加而下移
ie下面没有什么问题，但是firefox则会很郁闷的发现并不如你心愿。
解决办法：在2、3的父div里面增加一个clear为both的div，也就是说给2、3找个隐藏的小兄弟。
 
    其实要想玩转css+div还有很多技巧，今天先说这两点吧。