Теория
Что увидит обычный пользователь, если вставить данную вёрстку в чистый HTML-документ? (внешний div с красной рамкой на всю ширину, высотой 100px, внутри квадрат 100x100 с зелёными границами)
Пользователь увидит красный горизонтальный прямоугольник, занимающий всю ширину экрана и высотой 100 пикселей.
Читать ответ