IE宽度100％不起作用。如何解决？

Question

此代码在任何IE浏览器中均不起作用：

main {
  position: relative;
}

div {
  position: absolute;
  height: 300px;
  background-color: red;
  width: 100%;
}

<main>

  <div></div>

</main>

我尝试使用width 100vw，但如果页面不适合视口，则会出现水平滚动。尝试了诸如width calc（100vw-vertical_scroll_width）之类的东西，但是如果页面上没有垂直滚动，那是不可行的。

Answer 1

您只需要对main元素进行阻止（在IE中默认情况下就不会阻止）：

main {
  display: block;
}

Answer 2

“部分支持仅指元素（后来在规范中添加）为“未知”，尽管仍可以使用和设置样式。 如此处所示：https://caniuse.com/#search=main

不完全支持Main。您仍然可以通过样式设置样式。

如前所述，只需执行：

main {
  display: block;
}