CSS教程:div仿框架方法

武林网(www.vevb.com)文章简介：问div仿框架方法的人很多，我对此有比较深入的研究，但自己从来没有给出过完整的解答与分析，觉得有些对不住蓝色理想的列祖列宗.

参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2
操作系统：Windows

问这样的问题的人很多，我对此有比较深入的研究，但自己从来没有给出过完整的解答与分析，觉得有些对不住列祖列宗。

先请看demo：

运行代码框
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

大家看到，此时div的实际高宽，完全由left / right / top / bottom这四个属性所掌控着，于是我们便可以借助这个特性，轻松地完成div仿框架的效果了：

运行代码框

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

让我们将应该有滚动条的地方的滚动条效果折腾出来：

运行代码框

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]