html - IE 宽度 100% 不起作用。如何修复它？

Question

此代码不适用于任何 IE 浏览器:

main {
  position: relative;
}

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

<main>

  <div></div>

</main>

我尝试使用width 100vw，但如果页面不适合视口(viewport)，则会出现水平滚动。 A 尝试了类似 width calc(100vw - Vertical_scroll_width) 的方法，但如果页面上没有垂直滚动，则不行。

Answer 1

“部分支持仅指“未知”的元素(稍后添加到规范中)，尽管它仍然可以使用和设置样式。”如图所示:https://caniuse.com/#search=main

Main 不完全支持。您仍然可以对其进行样式设置。

如前所述，只需执行以下操作:

main {
  display: block;
}