Задать вопрос
Ingernirated
@Ingernirated
Романыч
css

Из-за чего вдруг блок может быть больше, чем 100% при заданных 100%?

Всем привет!
Такая проблема, все дни было всё нормально, открыл щас код и увидел, что кусок выходит за 100% и создает прокрутку в бок.
Подскажите, из-за чего это появилось?
Код не менялся, просто вечером ещё раз зашёл и такая история.
5b50d44bc2409467280183.jpeg

Код блока
.head {
	width:100%;
	height:800px;
	position:fixed;
	top:0%;
	left:0%;
	background-image:url("b1.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
  • Вопрос задан
  • 63 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
be_a_dancer
@be_a_dancer
Backend/Fullstack Developer
Все дело в блочной модели DOM.
Есть такое интересное свойство, которое заставляет блоки включая margin, padding и другие свойства заключаться в ту ширину/высоту, которую вы указали. Оно называется box-sizing: border-box. Почитайте об этом подробнее.
Ответ написан
Комментировать
Комментировать
bubandos
@bubandos
bash'у, javascript'ую, php'лю, css'аю, html'каю
Если код не меняли - то сначала просто не заметили.
А так, вариантов может быть множество: лишний маржин,паддинг, где-то 100vw или бордер прозрачный - короче по фотографии не вылечить.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Каталог AI tools
18 апр. 2024, в 01:12
150000 руб./за проект
Загрузка характеристик из xml/csv файла в карточки товаров WordPress
18 апр. 2024, в 00:58
5000 руб./за проект
Нарисовать подарки для соц сети
18 апр. 2024, в 00:10
50000 руб./за проект
Ещё заказы