Css Div子级的高度必须为Div父级的100%

Css Div子级的高度必须为Div父级的100%,css,html,height,parent,Css,Html,Height,Parent,我有两个div,其宽度设置为60%,但高度没有设置,这是父级。 在它里面我有一个div,它被设置为15%宽度,100%高度(不工作)和float:left。 我还试着说div子对象有一个绝对位置(左:0px;上:0px;下:0px;),但是来自父div的文本忽略了它。不是个好父母 澄清:我没有把两个div放在parent中,只有一个(child div)。但我确实在parent div中添加了一些文本 以下是css代码(有点凌乱): 下面是html代码: <div id="parent"&

我有两个div,其宽度设置为60%,但高度没有设置,这是父级。 在它里面我有一个div,它被设置为15%宽度,100%高度(不工作)和float:left。 我还试着说div子对象有一个绝对位置(左:0px;上:0px;下:0px;),但是来自父div的文本忽略了它。不是个好父母

澄清:我没有把两个div放在parent中,只有一个(child div)。但我确实在parent div中添加了一些文本

以下是css代码(有点凌乱):

下面是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>

第1行
第2行
第3行
这里有一些文字。这里有一些文字。这里有一些文字。这里有一些文字。这里有一些文字。这里有一些文字。这里有一些文字。这里有一些文字。这里有一些文字。这里有一些文字。
请帮帮我

更新: 我不能给父div一个固定的高度,因为我需要它自己调整内容(这是无法越过子div的文本)。看到问题了吗?
可以给我一个完全不同的方法,我愿意学习。

你的父母必须有一个身高值,孩子才能继承

为了给你一个例子,我删除了CSS中与答案不直接相关的部分

在CSS示例中,子div执行100%的非设置值。
这不会像您预期的那样起作用:

#parent{background:#F00;}
#child{float:left; height:100%; background:#FF0;}
这将有助于:


如果我不明白,请告诉我,但我相信这回答了您的问题。

您的父母必须有一个身高值,孩子才能继承

为了给你一个例子,我删除了CSS中与答案不直接相关的部分

在CSS示例中,子div执行100%的非设置值。
这不会像您预期的那样起作用:

#parent{background:#F00;}
#child{float:left; height:100%; background:#FF0;}
这将有助于:


如果我不明白,请告诉我,但我相信这回答了您的问题。

如果您不能为家长设置高度,可以使用jQuery将其添加到CSS中,但如果可以这样做,则在CSS中执行会更好。是的,我想这是真的,因为您也可以使用链锯切牛排。是的。那该有多棒啊!!!严肃地说,我同意,但我们都知道,设定一个高度有时是不可能的。在这些情况下,Javascript/jQuery就是你所拥有的一切。如果你不能为父对象设置一个高度,你可以用jQuery将其添加进去,但是如果可以这样做的话,在CSS中做会更好。是的,我想这是真的,因为你也可以用链锯切牛排。是的。那该有多棒啊!!!严肃地说,我同意,但我们都知道,设定一个高度有时是不可能的。在这些情况下,Javascript/jQuery就是您所拥有的一切。
#parent{height:500px; background:#F00;}
#child{float:left; height:100%; background:#FF0;}