您的位置 >>> 星想互联 >>> 课堂教学 >>> 响应式布局
jquery实现左右等高
点击数:2827  发布时间2013-11-12 21:41:22

<style>
#left{background:#F00;width:150px;height:400px;float:left;margin-right:40px;}
#right{background:#0f0;width:250px;height:300px;}

<script type="text/javascript">
    $(function(){
        var bh = $("#left").height();
        var bw = $("#right").height();
        if(bh<bw){
   $("#left").css("height",bw)
  }
  else{
   $("#right").css("height",bh)
  }
 })
</script>
<div id="left">此处显示新 Div 标签的内容</div>
<div id="right">此处显示新 Div 标签的内容</div>

来源:星想互联
【上一篇】常用JQUERY程序
【下一篇】弹出对话框