Question

.wrapper{
  display: grid;
  grid-template-columns: minmax(200px, 7fr) 4.4fr;
  grid-column-gap: 64px;
}
.block{
  background: red;
  height: 100px;
}

<div class="wrapper">
  <div class='block block-1'></div>
  <div class='block block-2'></div>
</div>

我在这里有两列的简单CSS网格，但是在IE 11中不起作用

我可以在IE中使用它吗？

Answer 1

这是一个flex示例。每个odd块的宽度为55％，even块的宽度为35％。

.wrapper {
  display: flex;
  justify-content: space-between;
}

.block {
  background-color: red;
  height: 100px;
}

.block:nth-child(odd) {
  width: 55%;
}

.block:nth-child(even) {
  width: 35%;
}

<div class="wrapper">
  <div class='block'></div>
  <div class='block'></div>
</div>

CSS-如何在IE中修复网格

1 个答案: