Почему ширина блока больше указанной?

Question

[Kerrik Солнце]

У всех блоков текста ширина указана 300рх. Почему тогда во втором примере ширина желтого блока – 330рх?

Answer 1

[Alex]

Из-за отрицательного отступа

.first_first {
  margin: 30px 0 0 -10%;
}

Comments

[corrector25]

В первом примере тоже есть отрицательный отступ (сверху), но тем не менее высота остаётся такой же

[Alex]

corrector25, А во втором, он слева

[corrector25]

Alex, да, так и есть)))
Только почему в первом случае не меняются параметры блока при отрицательном margin (высота/ширина), а во втором случае меняется. Почему так происходит?