javascript - CSS交叉继承

Question

在 CSS 中，有没有一种方法可以从其中一个包含的元素中引用容器 div 标签的宽度等属性值，从而在两者之间创建动态关系。下面是一些代码来说明我的意图:

<div id="settingz" style="position:absolute; width: 350px; height: 300px;">
<span style="position:absolute;  left:inherit parent width; margin-left:-30px; top:6px;" >
        <img id="exportRedX" src="/static/RedX2.png" />
    </span>
(/div>

请注意 left:inherit parent width; 的愚蠢尝试，这是我传达我正在尝试做的事情的最佳方式。我想将图像绑定(bind)到相对于 div 宽度的位置。我知道 align="right" 但它并没有真正做到 margin-left 对 left: ... 继承的贡献.

感谢任何帮助...

黑暗

Answer 1

这对于纯 CSS 是不可能的，但是您可以使用 CSS 预处理器，例如 SASS或 LESS通过使用变量和混合实现类似的事情。