我在我的演示应用程序中使用CSS网格。我有一个父DIV，它有两个子DIV.在其中一个子DIV中，我给出了height的270px。我想从容器中删除多余的空间。

下面是我的代码：

<代码>.ABC{显示：网格；网格-模板-柱：重复（12，6.697%）；网格-模板-行：18px重复（5，1FE）；边框：1px纯绿色；高度：320px}.一个{栅柱：4/span 6；网格行：2/span 5；边框：1px实心；最小高度：260px；高度：270px；}.两个{栅行：1/跨度5；栅柱：1/5；边框：1px实线#EE0；}

<代码><；DIV类=“ ABC ”>；  <；DIV类=“ one ”>；<；P>；Lorem ipsum，dolor sit amet consectetur adipisicing elit.Voluptates Culpa Iste Facaudantium Lorem Ipsum<；/p>；<；/DIV>；<；DIV类=“ two ”>；太<；/DIV>；<；/DIV>；

我想删除黑色边框下面的所有空间。我应该降低集装箱的高度吗？

注意：我希望容器高度取决于DIV的高度。不管我给270px还是290px.集装箱将直到没有多余的空间。

顺晟科技：

<代码>.ABC{显示：网格；网格-模板-柱：重复（12，6.697%）；栅格-模板-行：18px自动；边框：1px纯绿色；}.一个{栅柱：4/span 6；网格行：2/span 5；边框：1px实心；最小高度：260px；高度：270px；}.两个{栅行：1/跨度5；栅柱：1/5；边框：1px实线#ee0；}

<代码><；DIV类=“ ABC ”>；  <；DIV类=“ one ”>；<；P>；Lorem ipsum，dolor sit amet consectetur adipisicing elit.Voluptates Culpa Iste Facaudantium Lorem Ipsum<；/p>；<；/DIV>；<；DIV类=“ two ”>；太<；/DIV>；<；/DIV>；

我已经删除了父DIV的高度，并更改了grid-template-rows：18px repeat（5，1fe）；到网格模板行：18px自动；

检查这是否会为您工作谢谢

将父DIV（.ABC）高度设置为“自动”。

<代码>.ABC{显示：网格；网格-模板-柱：重复（12，6.697%）；网格-模板-行：18px重复（5，1FE）；边框：1px纯绿色；高度：自动}.一个{栅柱：4/span 6；网格行：2/span 5；边框：1px实心；最小高度：260px；高度：270px；}.两个{栅行：1/跨度5；栅柱：1/5；边框：1px实线#EE0；}

<代码><；DIV类=“ ABC ”>；  <；DIV类=“ one ”>；<；P>；Lorem ipsum，dolor sit amet consectetur adipisicing elit.Voluptates Culpa Iste Facaudantium Lorem Ipsum<；/p>；<；/DIV>；<；DIV类=“ two ”>；太<；/DIV>；<；/DIV>；