iframe應(yīng)用很普遍，通常的需求有兩種：

1，獲取iframe效果，就是帶一個(gè)滾動條，可以省不少版面。
2，要嵌一個(gè)頁面，實(shí)現(xiàn)框架鏈接。

如果不方便使用iframe，可以有如下解決方案：

第一種需求如果我們使用css布局來實(shí)現(xiàn)，即可以少一個(gè)頁面，也可以提高效率。
第二種需求可以采用xmlhttp遠(yuǎn)程獲取。

A. 直接模擬iframe

用層做容器
#content { overflow:auto; height:200px; width:600px; background:#f00;}

效果演示源代碼：

用body做容器
html { overflow:hidden; height:100%; background:#fff; border:0;}
* html { padding:100px 0 0 100px;}
body { overflow:scroll; background:#f00; margin:0; position:absolute; top:100px; left:100px; bottom:0; right:0;}
* html body { height:100%; width:100%;}
效果演示源代碼：

B. 絕對定位模擬iframe

滾動條在外邊

效果代碼演示

滾動條在里邊

效果演示代碼：

最新評論