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同增同减