Задать вопрос
@alexandrnevajno1

Почему нужно повторять стили и в body и в html?

Здравствуйте!
Есть такой код:
<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="utf-8" />
	<title>Тест</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<style type="text/css">
	html {
		overflow: hidden;
	}
	body {
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
	.content {
		width: 2000px;
		height: 200px;
	  background: linear-gradient(to right, #1e5799 0%,#f9f286 100%); 
	}
	</style>
</head>
<body>
<div class="content"></div>
</body>
</html>

Вопрос - почему если убрать "overflow: hidden;" из body или из html, страница будет прокручиваться? Почему нужно повторять эту строку в двух элементах - и в body и в html?
P.S. прокручивается в режиме просмотра для телефона (device toolbar).
  • Вопрос задан
  • 434 просмотра
Подписаться 1 Оценить 6 комментариев
Пригласить эксперта
Ответы на вопрос 1
Negwereth
@Negwereth
lvivcss.com.ua
Потому, что это два разных элемента?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы