Забыли пароль?
Запросите новый здесь.

Автор темы: Zaxap
ID темы: 2488
Информация:
Тема содержит 5 сообщения, была просмотрена 4649 раз.  Имеются прикрепленные файлы.
Просмотр темы
PHP-Fusion Russia » Веб-разработка » HTML и CSS
 Распечатать тему
Растянуть дочерний элемент на оставшуюся высоту родительского
Zaxap
Есть у меня такая вот штука:

Загрузить источник  GeSHi: HTML
  1. <div class="perent">
  2. <p>hello!</p>
  3. <p>this is the text!</p>
  4. <div class="child></div>
  5. </div>
Добавлено за 0.003 секунд, используя GeSHi 1.0.8.10


Загрузить источник  GeSHi: CSS
  1. .parent{
  2. width:800px;
  3. height:1000px;
  4. }
  5. .child{
  6. height:100%;
  7. }
Добавлено за 0.003 секунд, используя GeSHi 1.0.8.10


А нужно растянуть .child div на всю оставшуюся высоту .parent div'а. Можно ли это сделать без использования javascript?
Изменил(а) Zaxap, 21.04.2015 06:10
Зло не дремлет, а я добрый...
 
Pisatel
Мб, у папы- position:relative; у дочки- position: absolute; bottom: 0; ?
Изменил(а) Pisatel, 20.04.2015 12:33
Переполз на WP, но PF - это как первая любовь, которая не забывается...
 
Web
Zaxap
P.S. Ищу в гугле, ищу... и попадаю на свою же тему... что ж, бывает ae
Нет, не о том речь.. нужно растянуть .child на оставшуюся высоту .parent...
Как-то так:
Zaxap присоединено следующее:изображение:
2015-04-21_155905.png

Изменил(а) Zaxap, 21.04.2015 06:23
Зло не дремлет, а я добрый...
 
Polarfox
таблица, потом делаешь инпут макс высоты в ячейке - которая растянута на весь размер оставшийся.
или типа-таблица на css

не знаю вообщем.
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
x1
 
Zaxap
В общем, таки врубился... сделал импровизированной таблицей на div... потом отпишу, как время будет, спасибо)
Зло не дремлет, а я добрый...
 

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум:
Похожие темы
Топ 5 пользователей форума
Zaxap Zaxap (1,090)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)   SchreiBear SchreiBear (625)