CSS交叉继承

在CSS中，有没有办法从其包含的元素之一引用属性值，如容器div标签的宽度，以在两者之间创建动态关系。下面是一些代码来说明我的意图：CSS交叉继承

<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: ...继承。

任何帮助表示赞赏...

来源

2013-06-27 DKean

不，你不能这样做。 – Bergi

@Bergi，谢谢！ – DKean

你应该能够做的就是让它们在一个普通的容器中相互浮动。 – Bergi

这是不可能的纯CSS，但是你可以使用CSS预处理程序，如SASS或LESS使用变量和mix-实现类似的事情插件。

来源

2013-06-27 15:43:20

非常有趣的回复。我从来没有听说过这些...必须调查...谢谢你的输入... – DKean

哇！ SASS和LESS非常令人印象深刻@ rink.attendant.6。谢谢你的光... – DKean

@DKean：是的，但不要忘记，它们不仅仅是动态和服务器端。 – Bergi

非常感谢大家的帮助。 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

来源

2013-06-27 16:18:07 DKean

回答

相关问题