CSS交叉继承

CSS cross inheritance

本文关键字：继承 CSS      更新时间：2023-09-26

在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;的愚蠢尝试这是我传达我想要做的事情的最佳方式。我想将图像绑定到相对于div宽度的位置。我知道align="right"，但这并不能真正起到margin-left对left: ...继承的作用。

任何帮助都将不胜感激。。。

DK

这在纯CSS中是不可能的，但是您可以使用诸如SASS或LESS之类的CSS预处理器，通过使用变量和mix-ins来实现类似的功能。

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

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

这拥抱了右侧，让我也可以调整与右侧的相对距离。

解决方案在于left: 100% ; margin-left:-30px;。这让拥抱充满活力。

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

谢谢大家，

DKean

相关文章：