首先要明白iframe的應(yīng)用場景，iframe并不是不能用，而是不能濫用。

　　在數(shù)據(jù)提交上iframe相比ajax能夠提供更高的穩(wěn)定性以及兼容度，因此在這方面使用一下無妨;

　　同時(shí)iframe的作用是內(nèi)嵌網(wǎng)頁，如果需要引用別的網(wǎng)頁做說明，iframe也是必要的。

　　但是，利用內(nèi)嵌網(wǎng)頁的方式引入固定的內(nèi)容是完全錯(cuò)誤地!雖然現(xiàn)在很多開源程序的后臺仍在使用這種做法，這不過是開發(fā)者偷懶的手段而已，在前臺應(yīng)用中應(yīng)極力避免這種做法，無論是對用戶還是對搜索引擎的友好度這種做法都是極傻。

　　回到問題來，題主你竟然不知道可以通過后端引入公用模塊的方式讓頁面某一區(qū)域內(nèi)容固定!!!將導(dǎo)航欄的內(nèi)容抽離成一個(gè)模板，通過后端引入再和本頁的內(nèi)容拼接輸出，這是后端新手都應(yīng)該懂的常識來的吧←_←

　　使用后端引入的話，每次頁面打開導(dǎo)航區(qū)和內(nèi)容區(qū)都是一并加載的，實(shí)現(xiàn)的效果和你在每個(gè)頁面都復(fù)制一個(gè)導(dǎo)航區(qū)是一樣的。只是在代碼上文件被拆分方便管理而已。請不要在意每次都要重新加載導(dǎo)航區(qū)，那一點(diǎn)代碼產(chǎn)生的帶寬資源占用和你頁面上的圖片以及JQ庫比起來算不了什么。

　　題主想的方式是使用ajax讀取每個(gè)頁面的內(nèi)容并填充到內(nèi)容區(qū)。這么做并無不妥，但是做法也忒蛋疼了點(diǎn)，還不如直接用iframe引用導(dǎo)航欄。ajax是不應(yīng)該被濫用，在一些交互上使用ajax避免頁面整體刷新減少請求量是一種很方便的做法，但是頁面切換也用ajax那就是2B做法了。

　　至于高度自適應(yīng)的問題，可以通過JS來做，在頁面ready的時(shí)候判斷內(nèi)容區(qū)元素的高度是否未填充滿，不滿則設(shè)置到$(window).height()。