CSS Ширина 100% в плавающей div

<div style="float:left"> 

    <div class="designerWrapper"> 
     <div class="pageBox"> 

      content 

     </div>    
    </div> 

</div> 
<div style="float:left; margin-left:10px;"> 

    content 2 

</div> 
<div style="clear:both"></div>    
<br /><br />

Как сделать div, который содержит контент 2 100% ширины? Если я устанавливаю его на 100% ширину, он слишком широк, на данный момент он расширяется с его длиной содержимого.CSS Ширина 100% в плавающей div

источник

2011-02-01 Tom Gullen

Вы хотите, чтобы оба плавающих divs были рядом друг с другом или друг с другом? – Shikiryu

Рядом друг с другом, например –

Не могли бы вы привести пример вашей проблемы jsFiddle? (Http://jsfiddle.net)? – thirtydot

вы sould использовать таблицу запихнуть

<div id="outer1"> 
<div id="outer2"> 
    <div id="left"></div> 
    <div id="right"></div> 
</div> 
</div>

CSS:

#outer1 {display:table;width:600px;height:30px;} 
#outer2 {display:table-row;width:600px;height:30px;} 
#left {display:table-cell; width:15px;} 
#right {display:table-cell; width:auto;}

важно там нет плавающей! потому что отображение таблицы автоматически перемещает ячейки. Я не тестировал работу надежды кода.

источник

2011-02-01 13:19:42

Вы можете установить минимальную ширину в соответствии с вашими требованиями. позже она будет расширяться с его содержанием

<div style="float:left; margin-left:10px;min-width:110px;"> 

    content 2 

</div>

источник

2011-02-01 10:26:43 enthusiastic

CSS Ширина 100% в плавающей div

ответ

Смежные вопросы