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

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

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

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

9
задан mskfisher 15 May 2012 в 14:09
поделиться

1 ответ

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

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

#rightcol{
float:left;
overflow:hidden;
width:auto; /* This may or may not work */
}
-3
ответ дан 4 December 2019 в 06:55
поделиться
Другие вопросы по тегам:

Похожие вопросы: