Setting min-height in grid container in IE11

Question

I'm trying to set

display: -ms-grid;
min-height:##px;
height:auto;

It seems IE doesn't support min-height in CSS Grid.

Is there any alternative way for achieving the same thing?

Thanks in advance. ❤️

Probably the same bug that exists in flexbox: [flex container `min-height` ignored in IE](https://stackoverflow.com/q/40490954/3597276) — Michael Benjamin, Jul 14 '19 at 17:40

Yu Zhou · Accepted Answer · 2019-07-15T05:40:11.867

3

It seems that IE has a min-height bug when using CSS Grid. We can use css-tricks to fix it in IE. You could give the parent a grid column container like below:

display: -ms-grid;
-ms-grid-columns: 100%;

Then the min-height property will work in IE.

edited Jul 15 '19 at 05:40

answered Jul 15 '19 at 05:22

Yu Zhou

11,532
1
8
22

Also display:-ms-flexbox for the parent container worked like a charm – Haim Houri Jul 17 '19 at 07:32

Setting min-height in grid container in IE11

1 Answers1