CSS - автоматически перемещаемый элемент ширины (расширяемый float)

Question

У меня есть два плавающих столбца рядом.Пользователь может скрыть / свернуть один из этих столбцов.В этом случае я хочу, чтобы другой столбец расширялся, чтобы уместиться во весь контейнер.

Возможно ли это с помощью CSS?

В резюме, можно сделать плавающее расширение до размераконтейнер?Даже если элемент является плавающим, если он имеет ширину: auto он должен расширяться.По крайней мере, так я думаю, это должно работать.

Answer 1

Нет, я не думаю, что принятый ответ действительно работает.Я просто пытался сделать то же самое, и вот решение ...

.left { 
    float: left;
}
.right {
    overflow: hidden;
    /* don't float this one */
}

Поиграйте с кодом здесь: http://jsfiddle.net/simoneast/qPHgR/2/

Answer 2

набор overflow:auto; height:auto; для элемента floatet:)

Answer 3

Если ваш левый столбец имеет неявный размер, скажем, 250px, а ваш правый столбец ТОЛЬКО перемещается без заданного размера, тогда он должен заполнить контейнер, когда левый столбец свернут.Код будет следующим:

#leftcol{
width:250px;
float:left;
clear:none;
}

#rightcol{
float:left;
overflow:hidden;
width:auto; /* This may or may not work */
}