HTML div auto width

Question

У меня есть контейнер div и 3 внутренних divs, которые помещают их все в одну строку. Боковые divs имеют фиксированную ширину, и я хочу авто ширину для среднего div. Это мой код:

<div style="width: auto; height: 25px; position: relative; float: right;"> 
    <div style="width: 25px; height:25p; float: right; position: relative; display:inline-block;"> 
    <div style="width: auto; height: 25px; position: relative; float: right; display:inline-block;"></div> 
    <div style="width: 25px; height:25p; float: right; position: relative; display:inline-block;"> 
</div> 

... но средний div не занимает пробелов.

примечание: я не хочу, чтобы контейнер div имел фиксированный или процентный размер.

Какое решение?

Answer 1

Вы не закрываете первый и последний div внутри контейнера. Вам это нужно. Я сделал jsFiddle, я думаю, что это то, что вам нужно. Вот код:

<style> 
div { 
    width: auto; 
    height: 25px; 
    position: relative; 
    float: right; 
} 
div div { 
    float: left; 
    display:inline-block; 

} 
div div:first-child { 
    float: left; 
    width: 25px; 
} 
div div:last-child { 
    width: 25px; 
    float: right; 
} 
</style> 

<div> 
<div>1</div> 
<div>This is the second and middle div.</div> 
<div>3</div> 
</div> 

Answer 2

Я столкнулся с тем же вопросом раньше. Я провел много времени, и, к счастью, это было простое исправление:

<style> 
div1{ 
float: left; 
width: 200px;   /* ...Or whatever fixed width you want */ 
} 

div2{ 
overflow: hidden; /* This will automatically set this div's width to the remainder */ 
} 
</style> 

Надеюсь, что это поможет.