Javascript CSS交叉继承

在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>

（/div>

请注意一个愚蠢的尝试

left:inherit parent width；

这是我传达我想要做的事情的最好方式。我想将图像绑定到相对于div宽度的位置。我知道

align=“right”

但这并不能真正实现

左边距

对

左边距：…

继承的贡献

感谢您的帮助

---

DK

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

非常感谢大家的帮助。SASS和LESS似乎给人留下了深刻的印象，我稍后会涉猎它们。目前，我找到的解决方案满足了我的需求，如下所示：

<span style="position:absolute;  left: 100% ; margin-left:-30px;" >
    <img id="exportRedX" src="/static/RedX2.png" />
</span>

这拥抱了右侧，并允许我调整与右侧的相对距离

解决方案在于

左侧：100%；左侧边距：-30px；

。这使得拥抱充满活力

非常感谢你们抽出时间来帮助我，伙计们

谢谢大家,

---

DKean

不，你不能这样做。你应该能做的是让它们在一个公共容器中相邻浮动。@Bergi这使事情变得有点复杂，但我明白你的意思，使用position:relative。好主意，尽管它使事情变得有点复杂。我找到了一个有趣的解决方案。我会在获得更多输入后发布它。我想一个简单的

float:left

比尝试在CSS中创建动态继承要简单得多。@zessx float:left和float:right都使图像向左偏远，但我认为你是对的。我不明白为什么float:right不能做到这一点？谢谢你的建议，但是…非常有趣的回答。我从来没有这样做过听说过这些…必须调查…谢谢你的投入…哇！SASS和LESS给人留下了深刻的印象@rink.attendant.6.谢谢你的启发…@DKean:是的，但别忘了它们不是动态的，只是服务器端的。@Bergi我想LESS也是客户端的！@DKean:哦，是的。但只有在现代浏览器中，也就是说，不是真正需要的浏览器在缺少CSS3功能时需要它。