2014-04-16 3 views
-1

Кажется, что поля не соблюдаются элементами моего уровня блока. Я не могу решить эту проблему, не преобразовывая элементы уровня блока в встроенный блок, что я не хочу делать - зачем мне это делать? Они должны быть блок: PПоля CSS, не работающие с блочными элементами

Код @ Plunker: http://embed.plnkr.co/oRMieH

Любая помощь будет оценена.

+2

a) ВСЕГДА публикуйте свой код в своем вопросе и 2) какие конкретные поля вы имеете в виду? – j08691

+0

обеспечивают скрипку, поэтому кто-то может вам помочь –

+0

есть ссылка на plnkr для кода. и я имею в виду margin-top/bottom – Sl0wburn

ответ

0

Ответ заключается в том, что вертикальные поля сворачиваются. Вы можете прочитать об этом, или вы можете просто поместить двойной край нижней части верхнего элемента и забыть верхний край. Я использую только margin-bottom, потому что при первом создании маленького экрана потребность в margin-top для меня очень редка.

http://css-tricks.com/almanac/properties/m/margin/

+0

не могу поверить, что я забыл о сворачивающихся границах! Спасибо за напоминание. Я также согласен с вашим заявлением об использовании margin-bottom для небольшого экрана первого подхода. Сделайте полный смысл. – Sl0wburn

-1

Это связано с позицией: абсолютная; Он создает собственный слой и не может работать с полями. Вы можете попробовать позицию: relative;

Смежные вопросы