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

来源:互联网 发布:人工智能教学百度云 编辑:程序博客网 时间:2024/04/30 09:06


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

<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>

阅读全文
0 0
原创粉丝点击