граничная вершина во вложенном отделении
У меня есть проблема с margin-top во вложенном отделении - когда я подаю заявку margin-top вложенному отделению поле применяется к родительскому отделению вместо вложенного отделения.
Какие-либо идеи?
3 ответа
Маржа уменьшится по дизайну. Также добавьте 1px отступа, и все должно работать нормально.
Я получаю решение с overflow: auto в родительском div.
Вот как работают поля. Поле - это пространство между следующим элементом с полем / заполнением / подобным. Он не обязательно определяется как его родительский элемент. См. Спецификацию .
Вот некоторые способы обхода проблемы
Используйте Padding вместо
Это просто означает, что вместо использования margin-top: 10px; вы используете padding-top: 10px ; . Это подходит не для всех случаев.
Я обнаружил странный хакер
Я сомневаюсь, что обнаружил это изначально, но на днях я решил проблему вот так. У меня был , которому я тоже хотел задать верхнее поле, и его верхнее поле также толкало родительский элемент ( body ) вниз. Я сделал это с элементом body ...
body {
padding-top: 1px;
margin-top: -1px;
}
Это заставило мою маржу работать. Вы также можете попробовать использовать границу, например border: 1px solid #ccc .
Также было бы разумно оставить примечание в комментариях CSS, чтобы объяснить, почему у вас есть эта особенная пара правил. Я только что добавил / *, чтобы поля перестали сворачиваться * / .
Дополнительная литература
Ознакомьтесь с этими другими вопросами на сайте Stack Overflow