1)这是主要部分.中间这一列是属于自动适应的一列,它向左右两边都自适应缩进25%的宽度

中间部分样式为div#content{margin: 0 25%}

这里比较重要的一个就是中间div#content是嵌套在div#wrapper里面的。这样才能让左右两边的样式margin产生效果。

这个三栏布局非常有意思啊。

这个三栏布局非常有意思啊。

这个三栏布局非常有意思啊。

这个三栏布局非常有意思啊。

这个三栏CSS代码还是全屏的哦。

3)这里是右边部分. 这里是右边部分

这里的代码div#extra{float:left;width:25%;margin-left:-25%},这里的-25%是在div#navigation的基础上显示的,所以有种被推到右边的感觉。

右边。。。。

右边。。。。

右边。。。。

右边。。。。