一個元素的動態寬度取決於元素的寬度

我有兩個元素通過左右浮動而彼此相鄰。 right元素寬度通過填充動態增加或減少的子元素來動態變化！但左元素是一個簡單的DIV。我希望它的寬度根據右側的元素寬度進行更改。如何通過CSS來完成？一個元素的動態寬度取決於元素的寬度

例如：

<div style="float:left"></div> 
<div style="float:right;padding:5px 10px;"> 
    <a>child1</a> 
    <a>child2</a> 
    <a>child3</a> 
</div>

來源

2013-03-26 Payam Shakibafar

我不是100％肯定你想什麼來實現的，但如果我的理解對不對：

您在至極，你是浮動的right有一個面積A元素與3個孩子
其餘區域A要填寫left元素

這是正確的嗎？

那麼最簡單的方法是在right元素周圍包圍一個inline-block元素，表示整個A區域和right元素浮動在此父元素的右側。然後，您分配給父項的所有屬性都將代表right元素未涵蓋的區域A.例如背景色：

<div style="display:inline-block; width:100%; background-color:blue;"> 
    <div style="float:right; right:0; padding:5px 10px; background-color:yellow;"> 
     <a>child1</a> 
     <a>child2</a> 
     <a>child3</a> 
    </div> 
    </div>

在這裏你可以看到jsfiddle: http://jsfiddle.net/rKQXJ/

結果

來源

2013-03-26 11:09:10

一個元素的動態寬度取決於元素的寬度

回答

相關問題