简单常用的CSS+DIV布局(1)
对于从传统的table套嵌概念转移到基于Div代码CSS控制布局的结构来说，的确是一个难过的坎。
但其重要，也是必须要改变的一个观点是：如何用div+CSS来替换传统的table布局
一下从几个Demo来对比table与div+css布局：
传统的1-2-1布局
传统的1-2-1布局也是企业网站所使用的网页布局模式，1-2-1是一个简称，其意思是，页头-【内容（侧栏+主要内容）】-页尾
如果使用传统的table，那么他的结构最简化为：
提示：你可以先修改部分代码再运行。
如果使用div+css来布局，看看我们如何做到的。
提示：你可以先修改部分代码再运行。
在这个布局中，使用了float来使得div.left与div.right分别浮动在内容的左边，右边。如果需要左侧栏位于右边，只需要修改css的属性即可满足需求。但是，例一中的table布局却不能做到这点。
见下例
提示：你可以先修改部分代码再运行。
比较如上的两个代码，会有什么收获呢？