Принцип работы отрицательных полей CSSCSS

Разбираемся в CSS
Ответить
Anonymous
 Принцип работы отрицательных полей CSS

Сообщение Anonymous »

Я хочу знать, как отрицательные поля CSS работают с блочными моделями, но официальную документацию сайта сложно понять. Ниже я приведу пример, чтобы проиллюстрировать мое замешательство. Почему отрицательные поля могут привести к перекрытию элементов? Может кто-нибудь помочь мне объяснить? Большое спасибо.

Код: Выделить всё





Document


element A
element B

.element1{
height: 200px;
background-color: aqua;
line-height: 200px;
font-size: 50px;
text-align: center;
color:aliceblue;
margin-bottom: -140px;

}
.element2{
height: 100px;
background-color: blueviolet;
line-height: 100px;
font-size: 30px;
text-align: center;
color:aliceblue;
margin-top: -40px;
}



введите здесь описание изображения

Подробнее здесь: https://stackoverflow.com/questions/798 ... ve-margins
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»