HTML растяжку DIV

Question

У меня есть эта разметка

<div id="line" width="100%; height: 44px;"> 
    <div id="identifier" style="position: absolute;left:0px width: 90px;">blabla</div> 
    <div id="title" style="position: absolute; left: 90px;float: left; display:inline;">title</div> 
    <div id="button" style="width:100px;float:right">gfgh</div> 
</div> 

Как я могу растянуть DIV [ID = «название»] так, чтобы он занимал все оставшееся пространство до следующего DIV (кнопка)?

Answer 1

• position:relative на div # строка.
• right:100px на div # название.

Answer 2

Вы можете попробовать изменить свой CSS к этому:

position: absolute; left: 90px; right: 100px; width: auto; 

Вы должны добавить position:relative в #line для этого, чтобы надежно работать (например, если #line изменяет свою ширину в будущем).

Также обратите внимание, что это может не работать надежно в более старых версиях IE, но оно должно работать теоретически.