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

回答

相關問題