在页面底部定位 div 问题

Question

我正在研究这个 website 正如你所见我有这个

<div class="bt-op-item-builder-content">...</div>（我在每一页的底部设置了一个绿色边框）。

这适用于 Chrome、Safari、Microsoft Edge 但不适用于 INTERNET EXPLORER 11。

如何将它移动到底部 在 Internet Explorer 11 上也是如此？

CSS:

.bt-op-item-content .builder-custom-op_bt_6641.bt-op-item-builder .bt-op-item-builder-content {
padding: 0px 0px 15px 0px;
}

感谢指教

PS: 部分屏幕

Internet Explorer 11

Answer 1

如果你像这样更新它会起作用

.btnav-container .bt-op-item .bt-op-item-builder的父元素需要有position: relative所以绝对定位元素是相对于它
.btnav-container .bt-op-item .bt-op-item-builder 需要绝对位置才能使 bottom: 0px !important 正常工作
.btnav-container .bt-op-item .bt-op-item-builder 需要 left: 0 否则屏幕开始

更新了 CSS 条规则

.btnav-container[data-fullscreen-scroll=yes] .bt-op-item .fp-tableCell .bt-op-item-content {
    min-height: 100%;
    position: relative;          /*  added    */
}

.btnav-container .bt-op-item .bt-op-item-builder {
  display: block;
  position: absolute;            /*  changed  */
  left: 0;                       /*  added    */
  z-index: 1;
  width: 100%;
  margin: 0;
  padding: 0;
}

在页面底部定位 div 问题

Positioning a div at the bottom of the page issue

css

internet-explorer-11