css - 浮动DIV如何自适应高度

问题描述

问 题

      <div class="box">
        <div class="a">
          <div class="line"><!--这里为空元素--></div>
          <div class="icon"><!--position: absolute;--></div>
          <div class="make"><!--position: absolute;--></div>
        </div>
        <div class="b" style="height: 520px;">
        </div>

.a,.b
都是{
float: left;

width: 150px;
position: relative;
}

icon和 make是absolute。都只是浮动的DIV背景图片

请问，line和a，如何才有高度？现在的高度是0的，如何得到和b元素一样的高度呢？

解决方案

绝对定位和浮动不一样，绝对定位是完全脱离文档流
所以，在子元素采取绝对定位的情况下，是不可能直接靠内容撑开父容器高度的。ps：楼上关于清除浮动回答的很详细，但是在这里感觉答非所问

这篇关于css - 浮动DIV如何自适应高度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！