Как убрать отступы сверху и снизу у тега «p»?
Добрый день. Не получается убрать отступы у тега . В идеале он должен идти вровень с картинкой, но почему-то смещается вниз. Для сброса отступов использую: *
- Вопрос задан более трёх лет назад
- 4576 просмотров
Шапка сайта: убрать отступ сверху
Вот css к элементу
#head
Как убрать верхний отступ?
Отслеживать
9,375 7 7 золотых знаков 24 24 серебряных знака 57 57 бронзовых знаков
задан 1 мая 2013 в 20:14
3,339 6 6 золотых знаков 31 31 серебряный знак 54 54 бронзовых знака
почему у людей работает margin: 0; а у меня нет. только margin -16px; убирает отступ, но появляется полоса прокрутки
4 авг 2014 в 14:24
4 ответа 4
Сортировка: Сброс на вариант по умолчанию
body
Отслеживать
ответ дан 1 мая 2013 в 20:25
18.1k 20 20 серебряных знаков 42 42 бронзовых знака
Как-то так, я думаю, возможно.
Отслеживать
9,375 7 7 золотых знаков 24 24 серебряных знака 57 57 бронзовых знаков
ответ дан 2 июл 2017 в 19:15
43 1 1 серебряный знак 5 5 бронзовых знаков
Еще встретился баг: если у первого элемента в блоке ‘header’ задано свойство margin-top, он может тянуть за собой весь блок. Чтобы избежать этого, нужно задать верхний отступ первого элемента ‘padding-top’ вместо ‘margin-top’.
Отслеживать
ответ дан 5 ноя 2020 в 13:30
26 3 3 бронзовых знака
У меня ошибка была из-за такого кода
.header h1 < padding-top: 25px; /* Отступ от верхнего края блока */ margin-bottom: -20px; /* Расстояние между заголовком и обычным текстом */>Пропущенная запятая при группировке в файле CSS. Стили относились к шрифтам внутри хедера. Исправило ситуацию: .header, h1
Отслеживать
Highly active question. Earn 10 reputation (not counting the association bonus) in order to answer this question. The reputation requirement helps protect this question from spam and non-answer activity.
- html
- css
- вёрстка
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2024 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2024.1.3.2953
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
margin-top
Устанавливает величину отступа от верхнего края элемента. Отступом является расстояние от внешнего края верхней границы текущего элемента до внутренней границы его родительского элемента (рис. 1).
Рис. 1. Отступ от верхнего края элемента
Синтаксис
margin-top: значение | auto | inherit
Значения
Величину верхнего отступа можно указывать в пикселах (px), процентах (%) или других допустимых для CSS единицах. Значение может быть как положительным, так и отрицательным числом.
auto Указывает, что размер отступов будет автоматически рассчитан браузером. inherit Наследует значение родителя.
HTML5 CSS2.1 IE Cr Op Sa Fx
margin-top Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Результат данного примера показан на рис. 2.
Рис. 2. Применение свойства margin-top
Объектная модель
[window.]document.getElementById(» elementID «).style.marginTop
Браузеры
Браузер Internet Explorer 6 в некоторых случаях некорректно вычисляет значение отступа, заданное в процентах.
Internet Explorer до версии 7.0 включительно не поддерживает значение inherit .
Как убрать отступ сверху css
В CSS отступ сверху можно сделать с помощью следующих свойств:
- padding-top — установка внутреннего отступа
- margin-top — установка внешнего отступа
Основное отличие в том, в какую сторону направлен отступ. При использовании padding отступ будет внутри блока, следовательно, контент в блоке будет сдвинут на то значение, которое указано в свойстве. При использовании margin отступ создаётся от всего блока. Оба свойства можно использовать одновременно, создавая и внутренний и внешний отступ для элемента
.content margin-top: 20px; > Чтобы сбросить отступ, необходимо указать значение 0 нужному типу отступа:
.content padding-top: 0; >