Пустое место внизу страницы в результате относительного позиционирования (CSS)

#css

Вопрос:

Позиция одного из моих дивов по умолчанию составляет около 800 пикселей вниз по странице. Я исправил это с помощью:

 position: relative; top: -800px;  

Теперь, когда я переместил все вверх на 800 пикселей, внизу есть пробел в 800 пикселей. Я попытался изменить высоту, но «авто» и » 100%» ничего не делают, а «___px» портит макет.

Как я могу избавиться от разрыва?

Ответ №1:

попробуйте использовать max-height: 100vh в своих стилях. max-height иногда это работает лучше height (это зависит от того, что вы пытаетесь сделать). vh просто другой метод%.

Комментарии:

1. Это не сработало. Я попытался добавить «максимальная высота: 100 вч» и удалить исходный код «позиция: относительная». Все сместилось вниз, и вместо разрыва в 800 пикселей внизу у меня теперь есть разрыв в 800 пикселей вверху.

2. хм, не могли бы вы воспользоваться top: 0px; position: static; ?

3. Есть ли над ним еще один объект