0

通过左右浮动，我有 2 个元素彼此相邻。正确的元素宽度是动态的，通过填充动态增加或减少的子元素！但左边的元素是一个简单的DIV。我希望它的宽度根据正确的元素宽度而改变。CSS如何做到这一点？

例子 ：

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

1 回答 1

2

我不是 100% 确定您要达到的目标，但如果我理解正确：

  • 您有一个区域 A，您在其中浮动right有 3 个孩子的元素
  • 你想用left元素填充的区域 A 的其余部分

这个对吗？

最简单的方法是在inline-block元素周围包裹一个元素right，它代表整个 A 区域，并且right元素浮动在该父元素的右侧。然后，您分配给 parent 的所有属性都将表示该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-26T11:09:10.597 回答