@DigitalHNE

Почему свойство margin применяется и к другому блоку?

Коллеги, подскажите пожалуйста в чем «фишка»?

Кидаю сразу код и скриншот вместо объяснений.
431d88a0ee1d4739afb53a1d3201d8ad.png
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
	<header>
	</header>
	<aside>
		1
	</aside>
	<main>
		2
	</main>
</body>
</html>


* {
	margin: 0;
	padding: 0;
}

html {
	background-color: #f6f6f6;
}

header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 64px;
	background-color: #ffffff;
	border-bottom: 1px solid rgba(0,0,0,0.15);
	z-index: 1000;
}

aside {
	position: fixed;
	left: 0;
	height: 100%;
	width: 200px;
	background-color: #ffffff;
	border-right: 1px solid rgba(0,0,0,0.15);
	z-index: 999;
}

main {
	margin: 96px 32px 32px 282px;
	background-color: red;
}
  • Вопрос задан
  • 114 просмотров
Решения вопроса 2
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Это эффект "схлопывания margin", почитайте, тут с картинками: htmlbook.ru/blog/skhlopyvayushchiesya-otstupy
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 03:54
1500 руб./за проект
22 нояб. 2024, в 02:56
10000 руб./за проект
22 нояб. 2024, в 00:55
500 руб./за проект