在一个div中有两个子元素,子元素浮动,左边div高度随右边变化
2017-07-31 09:01
330 查看
思路:用jquery获取右边盒子高度给左边
<style type="text/css">
.clearfix:after {
content: '';
display: block;
clear: both;
}
.clearfix {
zoom: 1;
}
</style>
<body>
<div class="" style="width: 100%; margin: 0 auto;">
<div class="clearfix" style="width: 500px;">
<div style="float: left; width: 50px; height: 100px; background: yellow;" class="fl">
</div>
<div style="float: left; width: 100px; height: 100px; background: red;" class="ri">
</div>
</div>
</div>
<script type="text/javascript">
$(".ri").outerHeight()
console.log($(".ri").outerHeight())
$(".fl").css("height", $(".ri").outerHeight())
</script>
<style type="text/css">
.clearfix:after {
content: '';
display: block;
clear: both;
}
.clearfix {
zoom: 1;
}
</style>
<body>
<div class="" style="width: 100%; margin: 0 auto;">
<div class="clearfix" style="width: 500px;">
<div style="float: left; width: 50px; height: 100px; background: yellow;" class="fl">
</div>
<div style="float: left; width: 100px; height: 100px; background: red;" class="ri">
</div>
</div>
</div>
<script type="text/javascript">
$(".ri").outerHeight()
console.log($(".ri").outerHeight())
$(".fl").css("height", $(".ri").outerHeight())
</script>
相关文章推荐
- 如何让内部的带浮动元素的div自适应高度
- div+css布局问题:设置浮动后的div高度变化后不超出最外层div
- 如何居中div?如何居中一个浮动元素?
- 关于div中放入一个img元素导致div高度会多出几个像素的解决问题
- 子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题
- html css 内部有浮动元素的div的高度没有被撑开怎么办【转载】
- 2个div左右铺满整个浏览器,左边div一直保持100px,右边的div跟随浏览器大小变化
- div随内容调整高度(父元素高度随子元素变化)
- CSS中让一个div的高度随着另外个一个统计的div的高度变化而变化的代码
- 关于div中放入一个img元素导致div高度会多出3px像素的解决问题
- CSS中让一个div的高度随着另外个一个统计的div的高度变化而变化的代码
- 元素浮动后导致母元素div高度失常,子元素脱离母元素范围
- 解决在Firefox中div子元素有浮动时div高度不会自动撑大的问题
- 能实现把一个数组元素中的奇数放左边,偶数放右边
- 子元素用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题
- 实现一个div,左边固定div宽度200px,右边div自适应
- ie7bug,一个块级元素或者一个行内元素里面有个子元素设置向右边浮动,在IE7会出现元素下掉现象!
- 实现一个div,左边固定div宽度200px,右边div自适应
- 要让一个div的高度根据屏幕大小变化,但不是铺满整屏,只占一个固定部分
- 实现一个div,左边固定div宽度200px,右边div自适应