0 added
2 removed
Original
2026-01-01
Modified
2026-02-26
1
<h2>Ответы</h2>
1
<h2>Ответы</h2>
2
<p>Для создания блока фиксированного размера с возможностью прокрутки по горизонтали и вертикали необходимо использовать свойство<a>overflow</a>.</p>
2
<p>Для создания блока фиксированного размера с возможностью прокрутки по горизонтали и вертикали необходимо использовать свойство<a>overflow</a>.</p>
3
<p>Overflow может принимать следующие значения:</p>
3
<p>Overflow может принимать следующие значения:</p>
4
<ul><li>visible: По умолчанию. Содержимое не обрезается, может отображаться снаружи блока, в котором оно расположено.</li>
4
<ul><li>visible: По умолчанию. Содержимое не обрезается, может отображаться снаружи блока, в котором оно расположено.</li>
5
<li>hidden: Контент обрезается, без предоставления прокрутки.</li>
5
<li>hidden: Контент обрезается, без предоставления прокрутки.</li>
6
<li>scroll: Содержимое обрезается и браузер использует элементы прокрутки, не важно было ли обрезано содержимое или нет. Это избегает многих проблем касательно появления прокруток и их исчезновения в динамичной среде. Принтеры могут печатать переполненное содержимое.</li>
6
<li>scroll: Содержимое обрезается и браузер использует элементы прокрутки, не важно было ли обрезано содержимое или нет. Это избегает многих проблем касательно появления прокруток и их исчезновения в динамичной среде. Принтеры могут печатать переполненное содержимое.</li>
7
<li>auto: Зависит от агента пользователя. Браузеры такие как Firefox предоставляют прокрутку, если содержимое переполняет блок.</li>
7
<li>auto: Зависит от агента пользователя. Браузеры такие как Firefox предоставляют прокрутку, если содержимое переполняет блок.</li>
8
</ul><p>Рассмотрим пример.</p>
8
</ul><p>Рассмотрим пример.</p>
9
<p>Исходный HTML документ:</p>
9
<p>Исходный HTML документ:</p>
10
<p>Стили:</p>
10
<p>Стили:</p>
11
<p>Результат:</p>
11
<p>Результат:</p>
12
-
<p>0</p>
13
<p>А если блок адаптивный, а мне нужно сделать горизонтальный скрол?</p>
12
<p>А если блок адаптивный, а мне нужно сделать горизонтальный скрол?</p>
14
-
<p>0</p>
15
<p>Не работает, когда размер блока установлен в %, но меня выручило position: fixed и background: white для другого блока</p>
13
<p>Не работает, когда размер блока установлен в %, но меня выручило position: fixed и background: white для другого блока</p>