一個網站的后臺管理都有一部分是保持固定位置不動，可編輯部分是隨瀏覽器變化而變化的，因此有的時候使用frame框架來實現這種形式，這邊作者不是使用的frame而是純div進行布局，想要實現這種方式需要怎么做呢，下面就控制DIV實現左右式，左邊固定，右邊隨瀏覽器變化而變化的JQUERY實現代碼。

復制代碼 代碼如下:

<script type="text/javascript">
//根據瀏覽器大小調整左右布局的大小
$(window).ready(function(){
var wheight=$(window).height();
var wwidth=$(window).width();
$(".div_admin_left").css("height",(wheight-40));
$(".div_admin_right").css("height",(wheight-40));
$(".div_admin_right").css("width",(wwidth-285)+'px');
});
$(window).resize(function(){
var wheight=$(window).height();
var wwidth=$(window).width();
$(".div_admin_left").css("height",(wheight-40));
$(".div_admin_right").css("height",(wheight-40));
$(".div_admin_right").css("width",(wwidth-285)+'px');
});
</script>