0

在 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: ...继承的事情。

任何帮助表示赞赏...

丹麦

4

2 回答 2

1

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

于 2013-06-27T15:43:20.300 回答
0

非常感谢大家的帮助。SASS 和 LESS 似乎令人印象深刻，稍后我将涉足它们。现在我找到的解决方案可以满足我的需求，如下所示：

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

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

解决办法在于left: 100% ; margin-left:-30px;。这使得拥抱充满活力。

非常感谢您帮助我的时间，伙计们！

谢谢你们，

肯恩

于 2013-06-27T16:18:07.017 回答