要保留的样式元素：页面的x px

Question

我在div里面的div里面有一个div ...默认情况下，每个comtainer都会向右移动元素。

我有一个可以嵌入很深的元素"div.leftPanel"，但是我希望它在文档的左边是50px（对于args）（身体的左侧属性将是）而不是它的父元素。它的一些容器需要具有绝对或相对的位置。

用css有什么办法吗？如果不是那么javascript？

Answer 1

如果您将position: absolute;和left: 50px;应用于div.leftPanel，并且其所有父元素都没有任何职位（absolute或relative），那么{ {1}}将从文档的左边缘计算出来。

编辑：对不起，我错过了你说过一些父母必须有职位的判决。你能完全将50px移出其他div.leftPanel吗？也许只是将它放在文档的根部，这样它的位置就会从文档的边缘计算出来。

Answer 2

如果已经知道嵌套div从主体左侧推出多远，则可以使用负边距来实现此目的。例如：

<div style="position:absolute; left: 30px;">
    <div style="position:absolute; left: 30px;">
        <div style="position: relative; margin-left: -10px;">
        </div>
    </div>
</div>

如果未设置，您可以随时查看使用javascript的距离并动态应用保证金。