问个基础的CSS问题^_^

Question

下图这样左右分开的布局。左侧是导航栏，右边加载内容页面。 要求页面不刷新，点击导航时候右侧内容区域加载相应的页面，高度超出屏幕的时候显示垂直滚动条。

用什么方式加载右边内容区域比较好呢？AJAX load()? 还是iframe好？

Answer 1

当然首选ajax啊
页面布局的话你应该会，左右各两个div最简单，让右边的div显示滚动条，这样可以让内容上下滚动。

或者第二种方法，
左边导航条fixed在屏幕左侧，整个页面就是一个div，只是在写内容的时候，要给这个div加一个css

padding-left: //左边导航栏的宽度

Answer 2

研究过一个后台管理的模板，用的是Angular-ui-router(当然依赖Angular)，也就是ajax。
而且现在用ajax的确是多，也是主流和趋势，而且如果右侧有多个刷新部分，用iframe也有性能问题。特别是贴的图中右侧还有大量需要实时获取数据的部分吧，用ajax就更好了。
最后我觉得这个问题相对css更偏向JS。

Answer 3

ajax妥妥的