div左右自适应高度一致
2014-09-03 14:07
232 查看
<div style="width:300px;">
<div id="Left" style="float:left;">1<br/>3<br/>5<br/></div>
<div id="Right" style="float:right;">2</div>
</div>
<script type="text/javascript" src="http://jt.875.cn/js/jquery.js"></script>
<script type="text/javascript">
$(function(){
var heightLeft= $("#Left").height();
var heightRight= $("#Right").height();
if (heightLeft > heightRight)
{
$("#Right").height(heightLeft);
}
else
{
$("#Left").height(heightRight);
}
})
</script>
<div id="Left" style="float:left;">1<br/>3<br/>5<br/></div>
<div id="Right" style="float:right;">2</div>
</div>
<script type="text/javascript" src="http://jt.875.cn/js/jquery.js"></script>
<script type="text/javascript">
$(function(){
var heightLeft= $("#Left").height();
var heightRight= $("#Right").height();
if (heightLeft > heightRight)
{
$("#Right").height(heightLeft);
}
else
{
$("#Left").height(heightRight);
}
})
</script>
相关文章推荐
- 关于DIV高度自适应屏幕、左右高度自适应一致的js
- 左右两个div高度自动一致,自适应高度
- 关于div自适应高度/左右高度自适应一致的js代码
- 关于div自适应高度/左右高度自适应一致的js代码
- 左右两个div高度自动一致,自适应高度
- 左右两个div高度自动一致,自适应高度
- div+css 左右两列自适应高度 ,以及父级div也跟着自适应子级的高度(兼容各大浏览器)
- DIV+CSS左右列高度自适应问题
- DIV+CSS左右两列自适应高度
- 左右两栏div布局,高度自适应
- 左右两个div高度自适应
- div+css 左右两列高度自适应以及父级div也跟着自适应子级的高度
- 基于jQuery实现左右div自适应高度完全相同的代码
- 转载--左右两个div高度自动一致
- 轻松实现两栏布局:左右DIV等高、内容自适应屏幕高度
- jQuery实现左右div自适应高度完全相同
- 基于jQuery实现左右div自适应高度完全相同的代码
- div如何实现左右两个panel并排,而且高度一致
- div+css左右列高度自适应
- css+div自动适应高度,在IE和firefox下都能适应 (左右DIV自适应高度)