Есть ли способ указать переполнение в CSS?

Question

Я использовал много position:relative; в своем дизайне, я просто нахожу, что это самый простой способ получить все, где мне нужно, чтобы они были.

Тем не менее, чем больше элементов я добавляю на свой сайт (каждый со своим индивидуальным div), тем больше и больше он попадает внизу моей страницы, поэтому я должен вручную расположить их выше.

Это оставляет много пустого места внизу, и я подумал, что добавление height: 1000px; немного ограничит прокрутку, но этот метод, похоже, не работает.

Я даже пытался добавить height: 1000px; в обертку, и она все еще не работает.

Как я могу ограничить вертикальную прокрутку количеством пикселей, которые я выбрал?

Заранее большое спасибо.

Answer 1

Подождите, вы создаете div, используя позицию относительно перемещения содержимого div в правильное местоположение, и проблема в том, что сам тег div все еще находится в том же месте и создает вертикальную прокрутку, хотя там нет контента?

Если это так, вы должны смотреть на поплавки.

Вот несколько уроков.

• Floatutorial
• Изучение позиционирования CSS за десять шагов

Answer 2

Вы можете указать как высоту, так и переполнение:

.someClass
{
    height:1000px;
    overflow:scroll;
}

Наиболее распространенными значениями для переполнения являются прокрутка, авто и скрытый.

Answer 3

Чтобы ограничить расстояние, которое кто-то может прокручивать, я думаю, вам нужно использовать JavaScript. Я не уверен как, но я не могу придумать что-нибудь в CSS, которое бы это делало.

Если вы хотите установить, когда что-то должно прокручиваться вместо того, чтобы просто обрезать или развернуть тег, используйте overflow:auto;.