Html 为什么最小高度不适用于父div?

Html 为什么最小高度不适用于父div?,html,css,Html,Css,我有以下html/css。尽管最小高度为,但父div不会根据子div调整大小。我查看了一些关于类似问题的其他帖子,似乎问题是由于位置绝对元素不是页面的正常“流”。但是,我似乎找不到解决这个问题的合适方法。我仍然需要绝对位置。有什么想法吗 .container{ 最小高度:200px; 边框:1px纯黑; 位置:相对位置; 溢出:隐藏; } .内容{ 边框:1px纯红; 位置:绝对位置; 顶部:4px; 宽度:50%; 高度:900px; } 我们为什么要用它? 读者在查看页面布局时会被页面的

我有以下html/css。尽管最小高度为,但父div不会根据子div调整大小。我查看了一些关于类似问题的其他帖子,似乎问题是由于位置绝对元素不是页面的正常“流”。但是,我似乎找不到解决这个问题的合适方法。我仍然需要绝对位置。有什么想法吗

.container{
最小高度:200px;
边框:1px纯黑;
位置:相对位置;
溢出:隐藏;
}
.内容{
边框:1px纯红;
位置:绝对位置;
顶部:4px;
宽度:50%;
高度:900px;
}

我们为什么要用它?
读者在查看页面布局时会被页面的可读内容分散注意力,这是一个早已确定的事实。使用Lorem Ipsum的意义在于,它的字母分布或多或少是正态的,而不是使用“此处内容,此处内容”,使其看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认模型文本,搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来,各种版本不断演变,有时出于偶然,有时出于故意(注入幽默等)。
它来自哪里?
与流行的观点相反,Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学,距今已有2000多年的历史。弗吉尼亚州汉普顿悉尼学院的拉丁语教授理查德·麦克林托克(Richard McClintock)从《洛伦·伊普斯姆》(Lorem Ipsum)一段中查找了一个更为晦涩的拉丁语单词,即“Concertetur”,并查阅了古典文学中对该词的引用,发现了该词无可置疑的来源。Lorem Ipsum来自西塞罗于公元前45年所著《德菲尼布斯·博诺勒姆和马洛勒姆》(善与恶的极端)的第1.10.32节和第1.10.33节。这本书是一本关于伦理学理论的论文,在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节中的一行。
以下是自1500年代以来使用的Lorem Ipsum的标准块,供感兴趣的人参考。西塞罗的“de Finibus Bonorum et Malorum”中的第1.10.32节和第1.10.33节也以其原始形式复制,并附有H.Rackham 1914年翻译的英文版本。
我在哪里可以买到?

由于您已将子
div的
位置设置为
绝对
,因此在计算父div的高度时不考虑该位置。相反,您可以使用
位置:静态
边距顶部:4px

.container{
最小高度:200px;
边框:1px纯黑;
位置:相对位置;
溢出:隐藏;
}
.内容{
边框:1px纯红;
位置:静态;
利润上限:4倍;
宽度:50%;
高度:900px;
}

我们为什么要用它?
读者在查看页面布局时会被页面的可读内容分散注意力,这是一个早已确定的事实。使用Lorem Ipsum的意义在于,它的字母分布或多或少是正态的,而不是使用“此处内容,此处内容”,使其看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认模型文本,搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来,各种版本不断演变,有时出于偶然,有时出于故意(注入幽默等)。
它来自哪里?
与流行的观点相反,Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学,距今已有2000多年的历史。弗吉尼亚州汉普顿悉尼学院的拉丁语教授理查德·麦克林托克(Richard McClintock)从《洛伦·伊普斯姆》(Lorem Ipsum)一段中查找了一个更为晦涩的拉丁语单词,即“Concertetur”,并查阅了古典文学中对该词的引用,发现了该词无可置疑的来源。Lorem Ipsum来自西塞罗于公元前45年所著《德菲尼布斯·博诺勒姆和马洛勒姆》(善与恶的极端)的第1.10.32节和第1.10.33节。这本书是一本关于伦理学理论的论文,在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节中的一行。
以下是自1500年代以来使用的Lorem Ipsum的标准块,供感兴趣的人参考。西塞罗的“de Finibus Bonorum et Malorum”中的第1.10.32节和第1.10.33节也以其原始形式复制,并附有H.Rackham 1914年翻译的英文版本。
我在哪里可以买到?

如果将孩子的位置设置为绝对,则无法安排家长的高度。如果你真的想保持孩子的绝对位置,那么你应该使用一个固定的高度


你可以使用JS设置一个固定的高度。

你有你的答案,正是这个位置让内容脱离了流程。。移除它,看看会发生什么。。。为什么你需要绝对的?