我的网页的需求是这样的：

1. 顶部导航栏，下面是内容。
2. 导航栏永远不变，内容会变
3. 这两部分加起来要保证占满浏览器的整个可见区域
4. 如果可见的区域尺寸太小的话，则要出现滚动条。
5. 如果用户调整尺寸的话需要保证自适应。

我百度到了两种方案，一种是用iframe，一种用div+jquery填充内容（就是我现在用的）

 $(document).ready(function ()
    {
        $.when($.ajax("Top.aspx"), $.ajax("Main.aspx")).done(function (a1, a2)
        {
            $('#navigation').html(a1[0]);
            $('#content').html(a2[0]);
        });
    });

我想实现我的需求，是该用什么方式呢？现在我自己的方法有以下问题：

1. 主页面的navigation和content自动调整尺寸，而Top.aspx和Main.aspx里面的东西也要自动调整尺寸= =。感觉很麻烦的样子，不知道我的方式对不对？
2. 这种局部刷新的方式导致url一直不变，只要一点浏览器的刷新就会回到主页。

很多人都说现在iframe很少用了。

那么现在有跟我类似需求的网站都是用哪种方式呢？
那么如何自动调整尺寸呢？

或者干脆就不用这种方式，直接每个页面带导航，然后各种跳转就行了？
= = 总感觉这种方式每次都要重新加载导航很浪费的样子