用div仿框架iframe結構布局

2022-07-20 09:45:12 字數 3198 閱讀 2575

>div仿框架布局 - iframe無法適應高度的bug也一起被修復了

title

>

8<

style

type

="text/css"

>9*

10html

11body

12div

13.top

14.side

15.main

16.bottom

17.main iframe

18/*

---ie6---

*/19

html

20.top

21.side

22.main

23.bottom

24style

>

25head

>

26<

body

>

27<

div

class

="top"

>看,親愛的,iframe無法適應高度的bug也一起被修復了。不過這個修復也可以想想其他的辦法:)辦法就在本文中,有興趣的朋友可以自己摸索。

div>

28<

div

class

="side"

>

29<

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br />

30<

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br />

31<

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br />

32<

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br />

33<

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br />

34<

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br />

35<

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br />

36<

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br />

37<

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br /><

br />

38div

>

39<

div

class

="main"

>

40<

iframe

frameborder

="0"

src=""

>

iframe

>

41div

>

42<

div

class

="bottom"

>

div>

43body

>

44html

>

div仿框架(b/s結構軟體介面)方法詳解

[參與測試的瀏覽器:ie6 / ie7 / ie8 / ff3 / op9.6 / sf3 / chrome2 ]

用div實現框架(排除frame)

frame中巢狀一iframe 之間的分隔條 也可以拖動 但是地圖會發生改變 移到我上面 aaabbb cccdocument的使用 document.getelementbyid id1 style.display none document.all.id1 同 document.geteleme...

Ifram框架如何在登入過期後跳出Ifram框架

我們在做後台專案管理時,常用 ifram 框架來載入頁面,即 url iframe 我們使用 iframe 標籤來載入頁面,該 src 可以指向不同的頁面,從而我們可以在乙個網頁中開啟更多的頁面,但是我們也需要盡可能地控制同事開啟的網頁數,避免客戶端消耗太大導致網頁崩潰。網頁效果如下 那上一步,我們...

div 仿 功能健全的textArea,實現監聽

因為一直苦惱textarea右下角的小三角,覺得很醜,所以網上找資料自己寫了乙個div仿textarea的例子 以下為 1.將div的屬性新增乙個contenteditable true divcontenteditable true div 這樣這個div就可以編輯了,在上面可以輸入任意的字元 2...