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

569

24 ноября 2016, 10:20

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

Как пример:

styles:

body {padding: 0px 10px;}

code:

<body>
  <div id="header"></div>
  <div id="content"></div>
  <div id="footer"></div>
</body>

В footer в данном случае не должно быть padding.

Answer 1

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

#footer{
    box-sizing: border-box;
}

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

#footer{
    padding: 0;
}

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