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

Почему нужно повторять стили и в 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 просмотра
6 комментариев
Подписаться 1 Оценить 6 комментариев
Пригласить эксперта
Ответы на вопрос 1
Negwereth
@Negwereth
lvivcss.com.ua
Потому, что это два разных элемента?
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Написать код на python
19 апр. 2024, в 03:01
1000 руб./за проект
Ещё заказы