底部 0 在 Internet Explorer 11 上不起作用

Question

我有一个带有 position:fixed 和 bottom:0 的按钮；这在除 IE 11 之外的所有浏览器上都很好——按钮没有固定在视口底部，而是稍微悬浮在视口底部上方。有想法该怎么解决这个吗？以下是参考代码：

<!-- The HTML -->
<div class="actions">Actions</div>

/* The CSS */
.actions {
  width: 500px;
  max-width: 100%;
  margin: 0;
  position: fixed;
  -ms-position: fixed;
  bottom: 0;
  -ms-position-style: none;
  z-index: 3;
}

Answer 1

您是否将 body 标签的内边距和边距重置为 0。您是否也将 html 标签的高度设置为 100%？这可能会有所帮助。

Answer 2

我不知道为什么会这样：我只是将通配符 (*) 的框大小设置为内容框，然后将按钮 div 的溢出设置为隐藏。问题就这样消失了。

底部 0 在 Internet Explorer 11 上不起作用

Bottom 0 is not working On Internet Explorer 11

internet-explorer

css-position