html父元素浮动高度,如何使浮动div的父级100％高度？

对于#outer基于其内容#inner的高度，并且基于其高度，使两个元素绝对定位。

更多细节可以在css height属性的规范中找到，但基本上，如果高度为，则#inner必须忽略#outer高度，除非绝对定位。然后高度将为0，除非它本身绝对定位。#outerauto #outer#inner #inner

#outer {

position:absolute;

height:auto; width:200px;

border: 1px solid red;

}

#inner {

position:absolute;

height:100%;

width:20px;

border: 1px solid black;

}

text

但是......通过#inner绝对定位，float设置将被忽略，因此您需要#inner明确选择宽度，并添加填充#outer以伪造我怀疑您想要的文本包装。例如，下面的填充#outer宽度为#inner+3。方便地(因为整个点是要达到#inner100％的高度)，不需要在下面包装文本#inner，所以这看起来就像#inner是浮动的。

#outer2{

padding-left: 23px;

position:absolute;

height:auto;

width:200px;

border: 1px solid red;

}

#inner2{

left:0;

position:absolute;

height:100%;

width:20px;

border: 1px solid black;

}

text

我删除了之前的答案，因为它基于对您的目标的错误假设。