Div孩子需要拥有父母100％的身高

Question

我有2个div，设置为60％宽度，但没有设置高度，这是父级。 在它内部我有一个div，设置为15％宽度，100％高度（不工作）和浮动：左。 我还试图说div子有一个绝对位置（左：0px;顶：0px;底：0px;）然后来自父div的文本克服了它。不是一个好父母。

澄清：我没有在父母身上放两个div，只有一个（孩子div）。但我确实在父div中添加了一些文字。

这是css代码（它有点乱）：

#parent{position:absolute;right:20%;width:60%;background-image:url('x.png');direction:rtl;margin-top:-1px;}
#child{width:15%;padding-right:12px;margin-top:-5px;padding-top:5px;float:left;height:100%;background-image:url('y.png');}

这是html代码：

<div id="parent">
<div id="child">line 1<br>line 2<br>line 3<br></div>
some text here. some text here. some text here. some text here. some text here. some text here. some text here. some text here. some text here. some text here.
</div>

请帮助我！

更新

我不能给父div一个固定的高度，因为我需要它自己调整内容（这是无法越过子div的文本）。看到问题？ 我可以用完全不同的方式来做这件事，我愿意学习。

Answer 1

您的父母必须具有要继承的孩子的身高值。

我删除了与答案没有直接关系的CSS部分，以便举例说明。

在CSS示例中，子div正在执行100％的非设定值 这不会像你期望的那样工作：

#parent{background:#F00;}
#child{float:left; height:100%; background:#FF0;}

此将工作：

#parent{height:500px; background:#F00;}
#child{float:left; height:100%; background:#FF0;}

如果我不明白，请告诉我，但我相信这会回答你的问题。