Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  

Показать сообщение отдельно

Аватара для Habetdin


Автор проектов


Сообщения: 3649
Благодарности: 1498

Профиль | Сайт | Отправить PM | Цитировать


suvolod,
Цитата suvolod:
интересует решение на чистом CSS, без скриптов»
Если вас устроит поддержка flexbox браузерами, то вот: JsFiddle. Правда странное решение делать одну половину координат позиционирования в абсолютных значениях, а вторую - в относительных
Пример: Если заданы размеры родительского элемента (с классом parent) и первый дочерний элемент не покрывает их полностью - второй с классом growing-child займет всё доступное место.
Код: Выделить весь код
.parent {
	display: flex;
	flex-direction: column; /* порядок элементов */
	/* height, width */
}

.growing-child {
	flex-grow: 1;
}
HTML код: Выделить весь код
<div class="parent"> <div>Child #1</div> <div class="growing-child">Child #2</div> </div>

P.S.: Здесь - неплохая ознакомительная справка по flexbox'ам, правда, на английском.

-------
Рекомендую: $25 на тест виртуального сервера (VPS) за регистрацию по ссылке


Последний раз редактировалось Habetdin, 23-12-2014 в 23:35. Причина: P.S.

Это сообщение посчитали полезным следующие участники:

Отправлено: 18:31, 23-12-2014 | #2