Css 子div大于父div

计划是使子div与父div中的空间一样大。 是否有选项将父div的完整高度实现到子元素上？ 我只知道css calc（）是一个选项，但我不想实现这个选项。 另外，我在一张图片中解释了这个问题

.parent{
高度：250px；
宽度：100%；
}
.儿童1，
.儿童2，
.儿童3{
浮动：左；
显示：内联块；
身高：100%；
边际：0px；
填充：0px；
}
.儿童1{
背景颜色：蓝色；
宽度：钙（100%-253px）；
}
.child1>*，
.child1>**{
宽度：100%；
显示：块；
身高：100%；
}
.儿童2{
背景颜色：绿色；
宽度：100px；
}
.儿童3{
背景色：红色；
宽度：150px；
}

10px 24px
12px 28px

我会建议您使用flexbox解决方案，因为据我所知，它应该是这种情况下的最佳选择

将您的容器设为flex容器，具有

.flex--1

类的子容器将占用全部剩余空间

.flex--1 {
  flex: 1 1 auto;
}

选中flexbox以获取详细信息

.flex行{
显示器：flex；
弯曲方向：立柱；
}
.flex--1{
flex:1自动；
}
.家长{
高度：250px；
宽度：100%；
}
.儿童1，
.儿童2，
.儿童3{
浮动：左；
显示：内联块；
身高：100%；
边际：0px；
填充：0px；
}
.儿童1{
背景颜色：蓝色；
宽度：钙（100%-253px）；
}
.child1>*，
.child1>**{
宽度：100%；
显示：块；
身高：100%；
}
.儿童2{
背景颜色：绿色；
宽度：100px；
}
.儿童3{
背景色：红色；
宽度：150px；
}

10px 24px
12px 28px

您应该选中flexbox解决方案不要给

.parent

一个高度，而不是

float

只给那些子项

显示：内联块关于它们。非常感谢。这是一个很好的解决方案，但是对于文本区域也有解决方案吗？在你的例子中，它作为父对象变得更大。是的，你对textarea的期望是什么，你想要一个固定的textarea吗？实际上，勾选“学习答案”框中的链接将对您大有帮助。