在写一些程序的后台时，经常是这样的布局
top
main
main_left
main_center
bottom
main_left放一些链接，main_center放一个iframe，链接target=’frame_name’ 点击某个链接的时候，页面就在iframe中打开了。
使用iframe的坏处不少，所以google一下看有没有别的解决方法，找到了用jquery中的load函数的方法。其实这是通过AJAX实现的。
实现如下：
$(\'.sub_menu a\').click(function(){ //动态加载页面
var url = this.href;
$(\'.main_r\').load(url);
});
另外还解决了div float的一个问题。
问题是这样的：
内层的div float，当内层div的大小大于外层时，外层div不能自动撑开，如下：
.out{ height:400px; width:400px;}
.inside{ height:500px; width:500px; float:left;}
<div class=”out”>
<div class=”inside”></div>
</div>
因为我们内层设置了浮动，所以外层div的大小不会影响到内层。如何能让外层div随着内层div的变大自动撑开呢？
只要将外层div overflow:hidden ，这样就可以了。