Положение относительного поведения

0

в прошлые дни мне пришлось сделать макет для веб-сайта. Веб-сайт довольно прост, но я столкнулся с небольшой проблемой:

Мне нужно сделать центральный div, чтобы перелить немного большого слайдера в верхней части страницы. Для достижения этой цели я использовал position relative. Проблема в том, что теперь между div и нижним колонтитулом есть много свободного пространства, потому что dom отражает первоначальное положение моего центрального div. Итак, я использовал плохое, но быстрое решение, предоставляя ту же позицию: относительные значения для нижнего колонтитула. Obviosly теперь пространство isat в нижней части страницы.

Вот простой набросок проблемы:

JSFiddle

Как я могу избежать этой проблемы при использовании относительных значений postion?

Теги:
position
css-position
relative

1 ответ

1
Лучший ответ

Вот простой способ решить эту проблему:

Добавить:

margin-bottom: -35px;

к вашему div.footer

РЕДАКТИРОВАТЬ:

Кроме того, вы также можете удалить

position: relative;
top:-35px;

из div.footer и добавьте

margin-bottom: -35px;

to div.group

Поделиться
  • 0
    спасибо за ответ, все работает. Это лучшее решение? Или есть более «чистые» решения?
  • 1
    @ciaoben, отрицательное поле является последовательным, вы хотите, чтобы элемент занимал меньше места, чем его размер, отрицательное поле практически уменьшает его размер / необходимое пространство. Вам все еще может понадобиться позиция: относительная; , но только для установки z-index; (+1) Вы можете адаптировать фон основного контейнера, чтобы подделать слой поверх другого

Ещё вопросы

Сообщество Overcoder
Наверх
Меню