X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Добавить ответ в эту тему
> Как средствами CSS сделать высоту блока больше или равной высоте контейнера?
S0meT1me
S0meT1me
Topic Starter сообщение 25.7.2014, 12:50; Ответить: S0meT1me
Сообщение #1


Здравствуйте.
Задача.
Есть: блок с контентом, расположенный в контейнере.
Нужно: средствами CSS сделать высоту блока больше или равной высоте контейнера. Т.е. если высота блока с контентом меньше высоты контейнера - сделать высоту блока по высоте контейнера. А если высота блока больше высоты контейнера - так и оставить.
Высота контейнера может быть различной, поэтому min-height использовать без ява-скрипта не получиться.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 26.7.2014, 1:53; Ответить: Arks
Сообщение #2


(S0meT1me @ 25.7.2014, 15:50) *
средствами CSS сделать высоту блока больше или равной высоте контейнера

в css нет такого понятия как высота блока. Больше - можно поставить у контейнера overflow:hidden или что-то придумывать с внутренним скролом.
Меньше - на css способов нет, разьве что с бэкграундом пошаманить(фактическая высота блока все равно останется по содержимому - меньше контейнера).

На самом деле это не какое-то сакральное знание - есть четкая причина в том почему на css это сделать нельзя. Она заключается в том что браузер не рассчитывает заранее высоту каждого блока на этапе парсинга стилей css поэтому и правил сложных в css нет(для этого был специально внедрен интерпретируемый язык javascript) - он поточно выводит содержимое и если оно начинает не влезать то увеличивает высоту контейнера чтоб отображаемый элемент влез. Например шрифт у которого для разных семейств при одинаковых кеглях - будет фактически разная высота.
Таким образом высоту элемента можно подсчитать только после того как браузер нарисовал его растром. В случае четкого задания высоты - разумеется браузер еще на этапе вычисления computed-style нарисует блок именно заданной в css высоты, а содержимое - либо отрежет(overflow-hidden) либо нарисует у содержимого скролл, либо не нарисует скролл и содержимое просто визуально будет выступать за границей контейнера.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 28.7.2014, 11:50; Ответить: Degradator
Сообщение #3


min-height: 100%;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 30.7.2014, 1:00; Ответить: Arks
Сообщение #4


(Degradator @ 28.7.2014, 14:50) *
min-height: 100%;

это очень здорово но ты не прочитал суть того что имел ввиду автор - высота у него динамическая(например %)

Высота контейнера может быть различной, поэтому min-height использовать без ява-скрипта не получиться.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Den1xxx
Den1xxx
сообщение 30.7.2014, 9:36; Ответить: Den1xxx
Сообщение #5


(S0meT1me @ 25.7.2014, 15:50) *
Есть: блок с контентом, расположенный в контейнере.
Нужно: средствами CSS сделать высоту блока больше или равной высоте контейнера.

Не знаю, что за задача решается. Но возможно это решение вам поможет:
http://chikuyonok.ru/2009/06/float-columns/
В следующий раз приводите код — ведь мы не экстрасенсы и не знаем что ещё влияет на высоту контейнера, кроме блока с контентом.
Ещё лучше, если есть код и ссылка на пример.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Добавить ответ в эту тему
Быстрый ответ
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
12 Boymaster 1920 Вчера, 21:03
автор: MisterBit
Открытая тема (нет новых ответов) Создать видеоканал лучше в ютуб или телеграм?
17 uahomka 3220 Вчера, 11:58
автор: Omaxis
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
29 freeax 4814 17.4.2024, 1:19
автор: sergio11
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
148 adw-kupon.ru 19712 8.4.2024, 10:37
автор: Skyworker
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
18 uahomka 3104 5.4.2024, 5:53
автор: Skyworker


 



RSS Текстовая версия Сейчас: 20.4.2024, 4:07
Дизайн