这个图别看简简单单几个色块，真正实现也不见得有多容易，得看你考虑到哪些东西。大概例子已经做出来了，提供下载 。

由于上下head跟foot两个色彩是单色的，所以要考虑自适应各种分辨率的屏幕，自适应分辨率不是百分百就够的，div的百分百布局会有很多问题。另一个是中间内容需要宽度自适应，左边side1是固定宽度，右边的side2也是固定宽度。

还有一个应该是比较难的一个问题，就是高度自适应，要保证side1红色块内容增多的时候，右边main，side2的色块也要跟着一起延伸，右边side2的内容增多，左边红色块也要跟着一起延伸，中间main的内容增加，红色块依然要继续延伸。先前也发过 关于 高度百分百引发的思考 ，有兴趣的可以去拍砖。
Read the rest of this entry »