Как убрать padding в css

Убрать padding для внутреннего элемента

Если у body стоит padding: 0px 10px; , как можно убрать этот стиль у одного из внутренних элементов, а то отступы остаются, а их не должно быть — в футере, как минимум? Как пример: styles:

body

В footer в данном случае не должно быть padding.
Отслеживать
Timur Musharapov
задан 9 ноя 2016 в 11:03
Timur Musharapov Timur Musharapov
1,368 5 5 золотых знаков 19 19 серебряных знаков 45 45 бронзовых знаков
пример кода приведите пожалуйста.
9 ноя 2016 в 11:32
9 ноя 2016 в 12:05

2 ответа 2

Сортировка: Сброс на вариант по умолчанию

В вашем случае поможет свойство box-sizing

#footer

Или же просто убрать паддинг

#footer

Хотя я мог не правильно вас понять. Вы задаете паддинг для родителя. Что бы футер грубо говоря игнорировал этот отступ из вне, можно дать футеру отрицательный margin который будет равен отступу * -1

Как убрать отступ сверху css

В CSS отступ сверху можно сделать с помощью следующих свойств:

padding-top — установка внутреннего отступа
margin-top — установка внешнего отступа

Основное отличие в том, в какую сторону направлен отступ. При использовании padding отступ будет внутри блока, следовательно, контент в блоке будет сдвинут на то значение, которое указано в свойстве. При использовании margin отступ создаётся от всего блока. Оба свойства можно использовать одновременно, создавая и внутренний и внешний отступ для элемента

.content  margin-top: 20px; >

Чтобы сбросить отступ, необходимо указать значение 0 нужному типу отступа:

.content  padding-top: 0; >

Как убрать padding?

Проблема всех проблем)
Подскажите что делать padding и margin стоит на 0 , а почему то с правой стороны все равно есть отступ.
Тому кто скажет как это сделать по центру и без этого paddinga тому большие спасибки!).

Вопрос задан более трёх лет назад
555 просмотров

1 комментарий

Оценить 1 комментарий

Как убрать отступы и поля у всех элементов на странице?

Обнулить значения отступов и полей у всех элементов веб-страницы сразу.

Решение

Чтобы обнулить отступы и поля у всех элементов на странице, используйте стилевые свойства margin и padding с нулевыми значениями, добавляя их к универсальному селектору * , как показано в примере 1.

Пример 1. Убираем отступы у всех элементов

HTML5 CSS 2.1 IE Cr Op Sa Fx

    Убираем отступы * Пример заголовка
 Основной текст

Результат данного примера показан на рис. 1.

Нулевые отступы у всех элементов на странице

Рис. 1. Нулевые отступы у всех элементов на странице

Обратите внимание, что отступов и полей нет не только у текста, но и у самой страницы.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.