用DIVCSS实现国内经典式三行两列布局.doc

我们遇到过很多的企业网站或其它小型的展示类网站，有一些共同的特点，即顶部放一个大的导航或BANNER，右侧是链接或图片，左侧放置内 容，页面底部放置版权信息等。这样的形式是国内经典式的布局，我们这里不对它的视觉效果作过多的讨论，我们今天说说如何用DIV+CSS实现三行两列的布 局。 我们看下面的图片： 这样的结构大家再熟悉不过了，我们该如何用DIV+CSS实现它呢。我们看下面的分析图片： 它们相对应的关系如下： 顶部：header 左侧：sidebar 右侧：containe 底部：footer 主要区域：main 这个main是起什么作用的呢。由于中间的sidebar、con