css - IE11 忽略底部 0；

Question

我有以下 html 元素:

<header id="w-header">
    <div> ... </div> 
    <img class="arrow-down" src="arrow.svg"> 
</header>

采用这种样式:

#w-header {
    height: 650px;
    background-position-y: -10px;
}

#w-header .container {
    padding-right: 20px;
    padding-left: 20px;
    bottom: 76px;
    position: absolute;
    width: 100%;
}

.arrow-down {
    position: absolute;
    bottom: 0;
    margin: 1px -2px -1px;
}

我不明白为什么我的“.arrow-down”元素(一个 svg 白色形状)不在底部 0 位置。

这是一个屏幕截图:

它在其他主要浏览器中运行完美，甚至是 Microsoft Edge。

提前致谢

Answer 1

我终于找到了解决方案。似乎在 Internet Explorer 中，如果您使用 SVG 图像，您至少需要应用一个“宽度”。