Чтобы установить постоянную высоту сайта, вы можете использовать CSS и задать высоту для элемента body или другого контейнера. Пример CSS кода для задания высоты сайта:
```css
html, body {
height: 100vh; /* Установка высоты в 100% относительно высоты окна просмотра */
overflow: hidden; /* Предотвращение скроллинга */
}
```
Обратите внимание, что использование `overflow: hidden;` предотвратит возможность прокрутки страницы. Если вы хотите, чтобы пользователь все же мог прокручивать страницу, уберите это свойство.
Для того чтобы создать иллюзию выхода круга за пределы сайта, при этом не влияя на высоту самой страницы, можно воспользоваться абсолютным позиционированием и z-index для положения этого элемента. Пример кода для создания полукруга внизу страницы:
```css
.circle {
width: 200px; /* Ширина круга */
height: 200px; /* Высота круга */
border-radius: 50%; /* Делаем углы элемента круглыми */
background-color: #3498db; /* Цвет фона элемента */
position: absolute; /* Абсолютное позиционирование элемента */
bottom: -100px; /* Смещаем элемент вниз на половину его высоты */
left: 50%; /* Располагаем элемент горизонтально по центру */
transform: translateX(-50%); /* Смещаем элемент на половину его ширины влево для центрирования */
z-index: 10; /* Задаем z-index, чтобы элемент был над остальными */
}
```
И в HTML:
```html
<div class="circle"></div>
```
Теперь у вас есть элемент `.circle`, который выходит за пределы нижней части веб-страницы, создавая визуальную иллюзию полукруга внизу страницы. В зависимости от структуры остальной части вашего сайта, вам может потребоваться настроить `z-index` и другие стили, чтобы убедиться, что полукруг отображается должным образом.
Если вы хотите, чтобы при прокрутке содержимого сайта полукруг оставался на месте, то используйте `position: fixed;` вместо `position: absolute;`. Это зафиксирует полукруг внизу страницы независимо от прокрутки.
