Задание 10/23 Блочная модель


#1

Почему после добавления рамки к первому блоку, появляется отступ 20px от верхнего края блока 1 до блока 2?

.block-1 {
height: 100px;
border: none;
text-align: center;
margin-top: 40px;
border: 1px solid white;
padding-top: 20px;
}

.block-2 {
margin-left: 20px;
margin-right: 20px;
text-align: center;
margin-top: 20px;
}


#2

Эффект выпадания внешнего отступа. Будьте внимательны, ведь рассматривается в этом же курсе.


#3

У меня наоборот ничего не выпадает (то что описано в теории не происходит). Первая же цель.
А происходит то что ожидаемо - внутренний блок смещается внутри родительского. Родитель остается нtизменным и никаких отступов сверху не образуется.
Chrome 54
Это исправлено в браузере/css или что не так?


#4

Код текстом, пожалуйста.


#5

Вы правы, код я чуть подправил и не ожидал, что он так повлияет.
Как только вернул оригинал - “выпадание на лицо”!

А строку которую я поправил (чисто машинально, чтобы видеть четче границу):
у класса block-1 изменил border: none на border: solid
В этом случае, визуально, “выпадание” исправляется :slight_smile: