|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
11.03.2011, 17:10 | #1 |
Форумчанин
Регистрация: 23.10.2008
Сообщений: 230
|
как заставить родительский div растягиваться по высоте дочернего
как заставить родительский div растягиваться по высоте дочернего?
конструкция такая Код:
|
11.03.2011, 17:41 | #2 |
Форумчанин
Регистрация: 04.08.2009
Сообщений: 684
|
Если у Вас в стилях не задана высота, то он автоматом должен принимать высоту равную сумме высот содержимого.
Еслия Вам помог, не поленитесь нажать на весы и оставить отзыв. Это не займет много времени, но даст понять, что я старался не зря =)
Мой ник зарегистрирован, а твой? |
11.03.2011, 18:06 | #3 |
Форумчанин
Регистрация: 23.10.2008
Сообщений: 230
|
Вот код
Код:
|
11.03.2011, 18:12 | #4 |
Форумчанин
Регистрация: 23.10.2008
Сообщений: 230
|
Буквально сразу после того как написал сообщение, нашел решение.
Нужно после двух div'ов с свойством float вставить div со свойством clear Например, такой: Код:
|
14.03.2011, 11:55 | #5 |
Форумчанин
Регистрация: 04.08.2009
Сообщений: 684
|
Видимо, это происходило из-за свойства float. Без него нормально работает.
Почему это происходит - не знаю. Моих познаний для понятия этого не достаточно. Если кто знает, отпишитесь плз.
Еслия Вам помог, не поленитесь нажать на весы и оставить отзыв. Это не займет много времени, но даст понять, что я старался не зря =)
Мой ник зарегистрирован, а твой? |
14.03.2011, 15:53 | #6 | |
Форумчанин
Регистрация: 27.04.2010
Сообщений: 185
|
Цитата:
Код HTML:
<div id="div_main"> <div id="div1"> </div> <div id="div2"> </div> <div style="clear: both;"></div> </div>
Помог - тырк на весы
|
|
15.03.2011, 08:38 | #7 |
Форумчанин
Регистрация: 04.08.2009
Сообщений: 684
|
Я спросил не "как это исправить", а "почему это происходит". Заметьте, разные вопросы.
Еслия Вам помог, не поленитесь нажать на весы и оставить отзыв. Это не займет много времени, но даст понять, что я старался не зря =)
Мой ник зарегистрирован, а твой? |
15.03.2011, 14:31 | #8 |
я получил эту роль
Старожил
Регистрация: 25.05.2007
Сообщений: 3,694
|
Можно ещё сделать "самоочищающийся" контейнер через псевдокласс after
Код:
пыщь
|
16.10.2013, 14:15 | #9 |
Новичок
Джуниор
Регистрация: 16.10.2013
Сообщений: 1
|
Чтобы блок обрамлял все свои дочерние элементы (в том числе и плавающие), ему нужно назначить свойство overflow:hidden
|
16.10.2013, 15:20 | #10 | |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Цитата:
Любой строчный элемент (не плавающий) в том же блоке останется в предыдущем контексте и потоке, таким образом расширяя родителя по высоте. То же самое касается блочного элемента с clear:both/left/right, он отменяет для себя обтекание, таким образом падая под плавающие элементы и, находясь в прежнем контексте, также расширяет родителя. overflow: hidden для родителя, без задания ему четких размеров будет пытаться всосать в себя все, что находится внутри (за исключением элементов, которые вообще вырваны из потока [вроде position:absolute/fixed] ). Однако достаточно любого незначительного изменения на странице (хоть css:hover в абсолютно другом месте), чтобы такой элемент начал пересчитывать свои размеры по-новой, что губительно сказывается на производительности. display: inline-block для родителя (иначе говоря hasLayout), по-сути тоже самое что и вариант с overflow, только будет пересчитываться уже относительно соседей по потоку (так как находится в строковом потоке), что чуть быстрее оверфлоу, но все-же не то... Так что лучше использовать обычный клеар-фикс через псевдо-элемент ::after (если не нужна поддержка ИЕ7 и ниже). Верстку не загадит и работает быстро
Alar, верни репу!
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Как определить Handle дочернего окна? | Z3rique | Общие вопросы Delphi | 8 | 11.02.2011 00:15 |
div тег как нижний слой для второго div тега | dadli | HTML и CSS | 2 | 30.07.2010 01:12 |
Как отменить прозрачность div в прозрачном div | zeharon | HTML и CSS | 0 | 24.07.2010 16:56 |
Delphi. Как записать, что родительский класс-перемещающийся отрезок? | Kurai | Помощь студентам | 0 | 28.04.2010 21:23 |
Как подогнать содержимое ячейки по высоте | ПУГВ | HTML и CSS | 4 | 28.03.2009 18:19 |