三栏式布局

就是写这样一个布局：

代码如下：

HTML：

CSS：

在写完之后我还有一个疑惑，或者说我写的过程中发生的一个问题。

可以看一下HTML代码，

我在对div进行排序的时候，顺序是：left，right，center。

当我按这样的顺序运行网页的时候，网页是正常的，如图一。

但是，如果我按照：left，center，right，这个顺序来写的话，就会发生这样的事：

我有想过是浮动的原因，但是我给添加的取消浮动之后，并没有反映。

这个问题困扰了我一天，还是没有解决，先放这里，后面如果知道了是怎么回事，再过来改。

朋友帮我在另外一篇文章里找到了答案，

就是说，用float来实现三栏式布局时，由于HTML自身是流式布局，center占据文档刘的位置，所以要放在最后面。

使用absolute就不不用如此。