У меня есть две страницы, с такой же расклад и те же CSS стилей, на одной странице он, отлично работает, с другой стороны, поля для абзаца, кажется, перекрывают друг друга и быть проигнорировано полностьюПочему поля абзацев перекрываются и игнорируются?
Я не могу отправлять весь исходный код из-за суммы, я просто хотел бы знать, что может привести к этому.
Маржа коллапс.
Если у вас есть два элемента с margin: 10px, тогда вы получите 10px промежуток между ними, что является недопустимым, если вы ожидали 10+10 = 20px пространства.
В этом случае поля обрушиваются, но у вас, похоже, проблема с высотами, так как сам <p> не полностью содержит свой текст. Но заметьте, как маржа останавливается в точном месте на следующей строке, где находится верхняя часть окна содержимого? Вот как вы можете видеть, что маржа рухнула.
Это по дизайну. Если вы хотите избежать свертывания, попробуйте вместо этого использовать padding и без полей. Заполнение не разрушается, как маржа.
Спасибо! Кто-то, кто прочитал мой вопрос! Прекрасное спасибо. – user2924019
Из того, что вы сказали, я заметил, что элементы «ul li» не имеют высоты. Я вручную дал им высоту и ее отображение правильно. Однако я не уверен, почему у них нет высоты, как это делают другие страницы. Спасибо – user2924019
Если у вас есть 'float' для вашего контента, то он не дает высоту контейнеру. –
Какие пункты? Какие поля? Этот снимок экрана показывает элементы списка и свойства поля CSS. – Quentin
@Quentin Снимок экрана показывает, что поля накладываются друг на друга, и мой вопрос заключается в том, что может привести к этому. Я не пытаюсь заставить кого-то просмотреть мой код для меня, чтобы исправить это. Я просто хочу понять, почему это происходит. Спасибо за нижний план. – user2924019