点击菜单通过iframe的src改变来显示不同的页面。iframe能高度自适应，iframe滚动但是不显示滚动条

当我们不使用任何的框架来写官网，把几个不同的页面怎么能在菜单改变的时候放在一起呢？

顶部菜单和底部的一般是不变的。变得是中间的内容，那么我们考虑一个总的页面，含有不变的元素，然后变得内容通过iframe的src改变来实现。那么需要考虑下面的两个问题：

1.怎么让iframe能高度自适应，宽度占据100%；

页面的布局是这样的

<div class="head">

    <ul class="nav">
         <li class="layui-nav-item layui-this" attr-href="/mainindex"><a href="#">首页</a></li>
         <li class="layui-nav-item" attr-href="/profun"><a href="#">功能与服务</a> </li>
         <li class="layui-nav-item" attr-href="/price"><a href="#">价格</a></li>
         <li class="layui-nav-item" attr-href="/aboutus"><a href="#">关于我们</a></li>
       </ul>

</