Как не унаследовать padding?

Question

[misc1]

Всем привет. В #container расположен блок .player:

<div id="container">
<div class="player">
</div>
</div>

У #container в CSS прописан padding: 1%.

#container {
padding: 1%;
}

Как сделать так, что бы .player не унасделовал padding от #container? (пробовал !important)

Answer 1

[andreyqin]

А с чего вы взяли, что паддинг наследуется?

Answer 2

[Сергей Семенко]

Может быть так? Хотя я не знаю)

.player {
    padding: inherit;
}

Comments

[Антон Шаманов]

inherit переводиться как наследовать, не знаешь - не пиши

[Сергей Семенко]

Извиняюсь, не так вопрос прочит, думал Вам наследовать нужно

Answer 3

[Kir]

Я бы посоветовал не использовать паддинги. Всем начинающим фронтендерам я обычно говорю "position: absolute и padding: -- используй только если действительно без этого нельзя".
Вы не можете отступ сделать для родителя? Попробуйте сдвинуть его через relative (костыль) или посмотреть - не выпадает ли у вас этот блок из потока (если внутри родителя есть флоатный элемент, то без очистки потока его левый и верхний margin "грубо говоря" влияют на родителя: вам либо надо задать overflow: hidden для родителя, либо отказаться от float в пользу inline-block)

Comments

[Евгений Низамиев]

чем вам padding не угодил?

[Kir]

@RadiationX тем что я не впервые вижу такие вопросы. Поставили паддинг бездумно, а потом не можем перебороть то, что все дочки вправо съехали

Answer 4

[Hovhannes Sargsyan]

Padding НЕ наследуется, может автор вопроса имел ввиуд что padding влиаяет на размера потомка, так это так должно и быть, тогда зачем был бы он нужен.

если понял правлно, то надо наверное как то так

можетplayer прописать негативный маргин

.player{
margin: -1%;
}

но учтите, что вертикальный margin и вертикальный padding беруть свои размери от width елемента, так что если у container и у player разные ширина, то может быть проблема.

Comments

[misc1]

костыль :(

[Hovhannes Sargsyan]

@misc1 ... хм, что значить костыль, костыль это когда стандартным методом не возможно решить вопрос.

Вооще если пойти по этой логике - значить один из лидеров цсс фреймворков (zurb - faoundation), основан на костыльях, на пример в zurb foundation для блоков, padding убирается именно с помощью отрицательного margin-а внутреннего блока.

Answer 5

[wargt]

.player
{
   box-sizing: border-box;
}