Как регулировать размеры body?
Здравствуйте, мне нужна помощь касающаяся вёрстки сайта. Я установил фон и футор как <div> (фон на 85%, а футор на 15%), body установил высоту в 200hv. По началу всё было хорошо, но когда я добавил <div> для основного текста, между фоном и футаром образовалось какое-то пространство и я не понимаю как его убрать. помогите пожалуйста!
%2C%20body%20%D1%83%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%B8%D0%BB%20%D0%B2%D1%8B%D1%81%D0%BE%D1%82%D1%83%20%D0%B2%20200hv.%20%D0%9F%D0%BE%20%D0%BD%D0%B0%D1%87%D0%B0%D0%BB%D1%83%20%D0%B2%D1%81%D1%91%20%D0%B1%D1%8B%D0%BB%D0%BE%20%D1%85%D0%BE%D1%80%D0%BE%D1%88%D0%BE%2C%20%D0%BD%D0%BE%20%D0%BA%D0%BE%D0%B3%D0%B4%D0%B0%C2%A0%D1%8F%20%D0%B4%D0%BE%D0%B1%D0%B0%D0%B2%D0%B8%D0%BB%20%26lt%3Bdiv%26gt%3B%20%D0%B4%D0%BB%D1%8F%20%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D0%BE%D0%B3%D0%BE%20%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0%2C%20%D0%BC%D0%B5%D0%B6%D0%B4%D1%83%20%D1%84%D0%BE%D0%BD%D0%BE%D0%BC%20%D0%B8%20%D1%84%D1%83%D1%82%D0%B0%D1%80%D0%BE%D0%BC%20%D0%BE%D0%B1%D1%80%D0%B0%D0%B7%D0%BE%D0%B2%D0%B0%D0%BB%D0%BE%D1%81%D1%8C%20%D0%BA%D0%B0%D0%BA%D0%BE%D0%B5-%D1%82%D0%BE%20%D0%BF%D1%80%D0%BE%D1%81%D1%82%D1%80%D0%B0%D0%BD%D1%81%D1%82%D0%B2%D0%BE%20%D0%B8%20%D1%8F%20%D0%BD%D0%B5%20%D0%BF%D0%BE%D0%BD%D0%B8%D0%BC%D0%B0%D1%8E%20%D0%BA%D0%B0%D0%BA%20%D0%B5%D0%B3%D0%BE%20%D1%83%D0%B1%D1%80%D0%B0%D1%82%D1%8C.%20%D0%BF%D0%BE%D0%BC%D0%BE%D0%B3%D0%B8%D1%82%D0%B5%C2%A0%D0%BF%D0%BE%D0%B6%D0%B0%D0%BB%D1%83%D0%B9%D1%81%D1%82%D0%B0!){kind=small}
1 ответ
от
jensen ,
11 дней назад
@mogneto.r
Здравствуйте! Ваше описание проблемы может быть связано с несколькими факторами. Вот несколько шагов, которые могут помочь вам устранить это нежелательное пространство между фоном и футером:
- Проверьте CSS для body и
- Высота контейнеров: Убедитесь, что общая высота
- Проверка CSS для основного контента: Убедитесь, что ваш
- Flexbox или Grid: Подумайте о том, чтобы использовать Flexbox или CSS Grid для управления layout'ом. Например, Flexbox может помочь вам распределить элементы по вертикали, заполняя все доступное пространство. Пример с Flexbox: body { display: flex; flex-direction: column; height: 100vh; } .background { flex: 0 1 85%; /* фон */ } .content { flex: 1; /* основной текст */ } .footer { flex: 0 1 15%; /* футер */ }
- Проверить структуру HTML: Убедитесь, что HTML-структура не содержит других элементов, могущих создавать отступы или иным образом влиять на визуальное отображение.
Если проблема не будет решена, пожалуйста, предоставьте код вашей вёрстки, чтобы можно было точнее определить источник проблемы.
15