IE11 CSS替代"unset"

Question

我的页面上有一个固定的div,它具有以下CSS属性:

width: 320px;
height: 160px;
position: fixed;
right: 15px;
bottom: 15px;
top: unset;
z-index: -1;

在其他浏览器中,div在页面右下方显示正常,但在Internet Explorer 11中,div显示在右上角.我相信这个问题来自top: unset;IE似乎不支持.

有没有使用CSS或JS可以用来实现相同定位的变通方法？

Answer 1

你正在寻找top: auto,似乎.

是的，出于所有意图和目的，只需对auto的初始值进行硬编码即可。top不被继承，这使得top：未设置等同于top：初始，因此等同于top：自动。 (2认同)
@Adam等等，“unset”不是一个有效值吗，就像“initial”一样？另请参阅 [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/top)，其中未设置作为全局值的示例。此外，请参阅有关“unset”本身的 [MDN 文章](https://developer.mozilla.org/en-US/docs/Web/CSS/unset)。*它可以应用于任何 CSS 属性 [...]* (2认同)

Answer 2

尽管top:auto在的情况下可以使用top，但应该指出的auto是，它不仅仅是与unset或的“ IE等效项” initial。

例如，对于初始值max-width是none（源）。和初始值background-color是transparent（源）。每个CSS属性都有一个初始值，对于IE，必须明确设置它。

初始值在MDN和w3schools之类的网站上列出（在此处称为“默认值”）。

使用诸如IE11 CSS之类的问题标题来替代“未设置”，许多人会从搜索引擎中找到此页面，他们的需求与OP的需求有所不同。因此，我认为有关如何查找初始值的解释比“仅使用此”类型的答案更有价值。