JS实现DIV左右2栏自动伸缩高度

在做博客,微博等社交网站的时候,常常需要用DIV布局左右二栏的情况,一般来说美工们都是用CSS+DIV来实现

通常右侧是文章页,高度是随文章的增加,自动伸缩高度的,而左右因为没有内容驱动,所以高度不会变,如果用DIV+CSS来实现,往往比较麻烦,现在我用一个简单的JS,就能搞定左右栏跟随右侧栏高度变化而变化

html代码:  (样式省略)

<div id=”main”>

<div id=”left”></div>

<div id=”right”></div>

</div>

JS代码:

<script>
$(document).ready(function(){
var height=$(“#right”).css(“height”);
$(“#left”).css(“height”,height);
});
</script>

这里需要引用jquery库

简单处理就达到左右DIV的height同增同减

posted on 2012-09-13 14:03  口明明口  阅读(804)  评论(1编辑  收藏  举报

导航