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放在页面底部的问题上

1 个答案: