武林網(www.companysz.com)文章簡介：問div仿框架方法的人很多，我對此有比較深入的研究，但自己從來沒有給出過完整的解答與分析，覺得有些對不住藍色理想的列祖列宗.

參與測試的瀏覽器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2
操作系統：Windows

問這樣的問題的人很多，我對此有比較深入的研究，但自己從來沒有給出過完整的解答與分析，覺得有些對不住列祖列宗。

先請看demo：

運行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]

大家看到，此時div的實際高寬，完全由left / right / top / bottom這四個屬性所掌控著，于是我們便可以借助這個特性，輕松地完成div仿框架的效果了：

運行代碼框

[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]

讓我們將應該有滾動條的地方的滾動條效果折騰出來：

運行代碼框

[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]