Html 使父div高度动态化哪个选择子div？

我有两个div在父div中，就像这样

<div class='parent'>
    <div class='title'></div>
    <div class='content'></div>
</div>

现在我想让它像下图所示一样：-

内容类嵌套在父div中。 如何使父div高度动态，以便选择一个子div更大。

---

我已经尽力做到了。但是我的父div选择一个更小的子div

据我对您的问题的理解，您需要父div根据您的内容div进行高度调整

您只需在父div的末尾添加一个带有clearfix类的额外div

以下是可用于解决问题的代码段：

*{框大小：边框框；}
.title、.content、.parent{
填充：10px；
边框：1px实心#000；
}
.clearfix，.clearfix:之前，.clearfix:之后{
明确：两者皆有；
}
.clearfix:之前，.clearfix:之后{
内容：“；
}
.头衔{
浮动：左；
高度：100px；
宽度：30%；
}
.内容{
浮动：左；
高度：200px；
左边距：10px；
宽度：计算（70%-10px）；
}

---

此外，还有一种解决方案，它具有

显示：内联块

。 父元素获取

display:inline块，标题
浮动：左和内容<代码>浮动：右

将百分比作为宽度和填充插入，可以使内容响应


.parent{
宽度：50%；
边框：1px纯黑；
显示：内联块；
填充：3%；
}
.内容{
边框：1px纯黑；
浮动：对；
宽度：63%；
填充顶部：20px；
左侧填充：5px；
}
.头衔{
边框：1px纯黑；
浮动：左；
文本对齐：居中；
宽度：30%；
高度：60px；
填充顶部：20px；
}

标题
内容内容内容内容内容内容
定义样式
.parent{hidden:overflow；}
你的意思是。parent{overflow:hidden；}我必须这样使用。但不起作用。如果我用这个，content div会被parent div切分。谢谢，你的回答很有帮助。很高兴能为你提供帮助。