子元素浮动后,两个子元素高度不一样,父元素自适应高度,子元素自适应为相同高度

当右侧子元素高度大于左侧时,通过CSS样式设置,使父元素自动扩展高度,并保持两侧子元素等高。使用overflow: hidden, position: relative及absolute定位实现效果。" 111381484,10296448,DeconvNet详解:上采样与反卷积在语义分割中的应用,"['深度学习', '卷积神经网络', '图像处理', '语义分割', '计算机视觉']

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >



//只适用于右边的比左边的高度长

<style> 

  .parent_elem { overflow: hidden;  position: relative;}

  .right { float: right; width: 92%; }

  .left { float: left;width: 8%; }

  .left_pos {position: absolute;width: 100%; height: 100%;}

</style>

 

<div class="parent_elem">

   <div class="right">右边的比左边的长右边的比左边的长右边的比左边的长右边的比左边的长右边的比左边的长</div>

   <div class="left">

        <div class="left_pos">左边的短</div>

   </div>

</div>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值