Как сделать фиксированную высоту сайта?
У меня есть фигура - круг, который должен выходить за пределы сайта, т.е. отображаться не полностью, а быть полукругом внизу сайта (не знаю как по-другому объяснить), но вместо этого, как бы низко я его не опускала (position: absolute, а затем top в vh), высота сайта адаптируется под него
Как это исправить? Скриншот прилагается
Дополнительно:
такую простую фигню можно просто нарисовать радиальным градиентом.
В таких вопросах хорошо показывать код, а не скриншоты, но в общем случае если нам нужно вписать что-то очень большое на фон и сделать так, чтобы оно вылезало за края экрана, но не вызывало скролла нигде, то этой большой штуке делается контейнер с overflow: hidden. Внутри контейнера она может вылезать куда угодно, это уже не будет влиять на размер страницы в целом.
- Большое спасибо, всё получилось!!! Всегда немного стыдно прикреплять код, потому что кажется, будто бы он кривой и сделанный через одно место. Но буду над этим работать!
- Олечка Макеева, Тут у всех кривой код, не волнуйтесь
- Олечка Макеева, не стыдитесь. Идеальный код только у меня и у Линуса Товальдса.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для установки фиксированной высоты сайта можно использовать CSS. Вам нужно задать высоту элементу body или контейнеру, который содержит весь контент страницы.
Пример использования CSS для установки фиксированной высоты сайта:
body { height: 100vh; /* Задаем высоту вьюпорта */ overflow-y: scroll; /* Добавляем вертикальную прокрутку, если контент не помещается на экране */ }
В данном примере мы устанавливаем высоту body равной 100% высоты вьюпорта (видимой области браузера). Это позволит сайту занимать всю доступную высоту экрана пользователя. Если контент страницы превышает высоту экрана, то будет добавлена вертикальная прокрутка.
Также можно использовать фиксированную высоту для конкретного контейнера на странице:
.container { height: 500px; /* Задаем фиксированную высоту контейнера */ overflow-y: scroll; /* Добавляем вертикальную прокрутку, если содержимое контейнера не помещается */ }
В этом случае вы устанавливаете фиксированную высоту для контейнера с классом "container" равную 500px. При превышении содержимого этой высоты будет добавлена вертикальная прокрутка.
Используя CSS, вы можете легко управлять высотой сайта и его элементов, делая страницу более удобной для пользователей.