Динамическая ширина элемента, который зависит от ширины элемента около

Question

У меня есть два элемента рядом друг с другом, плавающие вправо и влево. правая ширина элемента динамическая путем заполнения элементов элементов, которые динамически увеличиваются или уменьшаются! но осталось элемент простой DIV. Я хочу, чтобы ширина была изменена в соответствии с справа. ширина элемента. как это можно сделать с помощью CSS?

пример:

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

Answer 1

Я не 100% уверен, что вы пытаетесь достичь, но если я понимаю правильно:

• у вас есть область А в Wich вы плавающим в right элемент с 3 детьми
• Остальная часть области A, которую вы хотите заполнить с помощью элемента left

Это правильно?

Ну самый простой способ будет обернуть inline-block элемент вокруг right элемента, который представляет всю Зону и right элемента плавает на правой стороне этого родительского элемента. Затем все свойства, которые вы назначаете родителям, будут представлять область A, которая не покрывается элементом right. Для примера цвет фона:

<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/