Margin collapse вложенных элементов

**SergeyNetIt** · 23.12.2013 15:15

Всем известно, что если у родительского элемента нет ограничивающих его факторов и внутри него находится другой дочерних блок то, когда я дочернему блоку задаю margin-top: значение; требуемого результат я не получаю. Дочерний блок не отодвигается от верха. Для этого я указываю родительскому блоку overflow:hidden; - все работает.
А если у меня будет много таких конструкций "родительский -дочерний блок", будут везде overflow:hidden; - мне кажется, что это не правильно.
Можно конечно использовать padding или border. Не знаю, правильно будет ли их применят.
Хочу услышать ваши мнения и ваше применение правил по этому способу.
Заранее благодарен.

**akrustam** · 23.12.2013 16:09

Сообщение от SergeyNetIt

Всем известно, что если у родительского элемента нет ограничивающих его факторов и внутри него находится другой дочерних блок то, когда я дочернему блоку задаю margin-top: значение; требуемого результат я не получаю. Дочерний блок не отодвигается от верха. Для этого я указываю родительскому блоку overflow:hidden; - все работает.
А если у меня будет много таких конструкций "родительский -дочерний блок", будут везде overflow:hidden; - мне кажется, что это не правильно.
Можно конечно использовать padding или border. Не знаю, правильно будет ли их применят.
Хочу услышать ваши мнения и ваше применение правил по этому способу.
Заранее благодарен.

Какие теги используешь (например)? Какой Doctype ?

**SergeyNetIt** · 23.12.2013 16:14

akrustam,
<!doctype html>
<div>

**akrustam** · 23.12.2013 16:42

SergeyNetIt,

Высота у блоков задана?

**SergeyNetIt** · 23.12.2013 17:01

akrustam, бывает, что задаю высоту, а бывает нет

**akrustam** · 24.12.2013 02:03

Вот пример. Как можно не использовать overflow:hidden;.

http://jsfiddle.net/56tQ7/3/

Есть еще вопросы?

**SergeyNetIt** · 24.12.2013 13:18

akrustam, С помощью border делать так это мне кажется не корректно. Не не встречал, чтобы так применяли border

**akrustam** · 24.12.2013 13:22

Сообщение от SergeyNetIt

akrustam, С помощью border делать так это мне кажется не корректно. Не не встречал, чтобы так применяли border

Можно было догадаться, что border нужен только показа блоков и не более.

**SergeyNetIt** · 24.12.2013 14:24

akrustam, Тогда почему вот так не работает
http://jsfiddle.net/m3nEW/1/

**akrustam** · 24.12.2013 21:27

Если внимательно взгляните мой код, то там последнем примере будет промежуточный DIV, который не имеет высоты, но у него есть margin-top. Это хак, который позволяет забыть про overflow:hidden. Как вы наверно догадываетесь, не всегда спасает overflow:hidden, когда нужно сделать например выпадушку. Параметр его срежет нафиг. Вот мой подход позволяет кроссбраузерно обойти, но с добавлением DIV.

	23.12.2013 15:15 #1
SergeyNetIt Опытный Регистрация: 06.08.2013 Сообщений: 307 Репутация: 5	Всем известно, что если у родительского элемента нет ограничивающих его факторов и внутри него находится другой дочерних блок то, когда я дочернему блоку задаю margin-top: значение; требуемого результат я не получаю. Дочерний блок не отодвигается от верха. Для этого я указываю родительскому блоку overflow:hidden; - все работает. А если у меня будет много таких конструкций "родительский -дочерний блок", будут везде overflow:hidden; - мне кажется, что это не правильно. Можно конечно использовать padding или border. Не знаю, правильно будет ли их применят. Хочу услышать ваши мнения и ваше применение правил по этому способу. Заранее благодарен.
0 SergeyNetIt

	23.12.2013 16:09 #2
akrustam Гуру Регистрация: 21.05.2010 Сообщений: 1,161 Репутация: 285 Webmoney BL: ?	Сообщение от SergeyNetIt Всем известно, что если у родительского элемента нет ограничивающих его факторов и внутри него находится другой дочерних блок то, когда я дочернему блоку задаю margin-top: значение; требуемого результат я не получаю. Дочерний блок не отодвигается от верха. Для этого я указываю родительскому блоку overflow:hidden; - все работает. А если у меня будет много таких конструкций "родительский -дочерний блок", будут везде overflow:hidden; - мне кажется, что это не правильно. Можно конечно использовать padding или border. Не знаю, правильно будет ли их применят. Хочу услышать ваши мнения и ваше применение правил по этому способу. Заранее благодарен. Какие теги используешь (например)? Какой Doctype ?
0 akrustam

	23.12.2013 16:14 #3
SergeyNetIt Опытный Регистрация: 06.08.2013 Сообщений: 307 Репутация: 5	akrustam, <!doctype html> <div>
0 SergeyNetIt

	23.12.2013 16:42 #4
akrustam Гуру Регистрация: 21.05.2010 Сообщений: 1,161 Репутация: 285 Webmoney BL: ?	SergeyNetIt, Высота у блоков задана?
0 akrustam

	23.12.2013 17:01 #5
SergeyNetIt Опытный Регистрация: 06.08.2013 Сообщений: 307 Репутация: 5	akrustam, бывает, что задаю высоту, а бывает нет
0 SergeyNetIt

Margin collapse вложенных элементов

Опции темы

Тэги топика:

Похожие темы

функция для всех элементов кроме первого

[JavaScript]Поиск элементов на другой странице

Создание сайтов, flash элементов

Правильное отображение элементов в сайдбаре WP. Как это сделать?

Правильное отображение элементов в сайдбаре WP. Как это сделать?

Тем:

Сообщений:

Пользователей:

Сейчас на сайте:

Вход

Сайт

Разделы

Прочее

Следите за нами

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Золотые темы форума

Последние новости

Популярные темы

Информеры

	24.12.2013 02:03 #6
akrustam Гуру Регистрация: 21.05.2010 Сообщений: 1,161 Репутация: 285 Webmoney BL: ?	Вот пример. Как можно не использовать overflow:hidden;. http://jsfiddle.net/56tQ7/3/ Есть еще вопросы? Последний раз редактировалось akrustam; 24.12.2013 в 02:07.
0 akrustam

	24.12.2013 13:18 #7
SergeyNetIt Опытный Регистрация: 06.08.2013 Сообщений: 307 Репутация: 5	akrustam, С помощью border делать так это мне кажется не корректно. Не не встречал, чтобы так применяли border
0 SergeyNetIt

	24.12.2013 13:22 #8
akrustam Гуру Регистрация: 21.05.2010 Сообщений: 1,161 Репутация: 285 Webmoney BL: ?	Сообщение от SergeyNetIt akrustam, С помощью border делать так это мне кажется не корректно. Не не встречал, чтобы так применяли border Можно было догадаться, что border нужен только показа блоков и не более.
0 akrustam

	24.12.2013 14:24 #9
SergeyNetIt Опытный Регистрация: 06.08.2013 Сообщений: 307 Репутация: 5	akrustam, Тогда почему вот так не работает http://jsfiddle.net/m3nEW/1/
0 SergeyNetIt

	24.12.2013 21:27 #10
akrustam Гуру Регистрация: 21.05.2010 Сообщений: 1,161 Репутация: 285 Webmoney BL: ?	Если внимательно взгляните мой код, то там последнем примере будет промежуточный DIV, который не имеет высоты, но у него есть margin-top. Это хак, который позволяет забыть про overflow:hidden. Как вы наверно догадываетесь, не всегда спасает overflow:hidden, когда нужно сделать например выпадушку. Параметр его срежет нафиг. Вот мой подход позволяет кроссбраузерно обойти, но с добавлением DIV.
0 akrustam

Темы	Раздел	Ответов	Последний пост
функция для всех элементов кроме первого	Web программирование	1	27.06.2013 22:55
[JavaScript]Поиск элементов на другой странице	Web программирование	1	13.11.2012 13:34
Создание сайтов, flash элементов	Создание сайтов	4	18.11.2011 22:52
Правильное отображение элементов в сайдбаре WP. Как это сделать?	Web программирование	3	02.09.2011 14:12
Правильное отображение элементов в сайдбаре WP. Как это сделать?	Блоги	3	02.09.2011 14:12