css - 如何删除从 element.style 继承的位置属性

Question

我需要删除element.style position:relative应用于我的 Bootstrap 生成的自动属性div。如果我将元素样式设置为static它可以正常工作。

Answer 1

JavaScript 很难做到这一点，因为这是一个动态生成的元素——我猜来自 malihu jquery 滚动条。为什么不简单地将 !important 添加到您的 css 中：

<style>
    div#mCSB_1_container {
        position: unset !important;
        top: unset !important;
        left: unset !important;
    }
</style>

Answer 2

在不知道它是如何配置的情况下，我会求助于 JavaScript：

<script>
// Listen to the DOM load event before modifying the dynamic div
// As per @Rene van der Lende's contribution
document.addEventListener("DOMContentLoaded",init_func)
  function init_func () {
    var troubledDiv = document.getElementById('mCSB_1_container')
    troubledDiv.style.display = "unset"
  }
</script>

除非您可以在引导程序生成代码之前更改配置，否则这将是覆盖内联样式的方法。