Почему “дисплей: ячейка таблицы” повреждается когда “положение: абсолютный”
Если всем Вашим объектам нужна ссылка на контейнер затем, необходимо изучить переделку кода некоторые. В то время как все еще предпочтительный для вызова нового везде это все еще рассеивает ответственность создания Ваших графов объектов всюду по Вашему коду. С таким использованием это, кажется мне, используется больше как ServiceLocator вместо Контейнера МОК.
2 ответа
Краткий ответ: Измените
top: 60px;
на
bottom: 60px;
Длинный ответ:
Объявление position: absolute извлекает ваш элемент из любого места и помещает его относительно самого внутреннего элемента, который не объявлен статическим. Он больше не участвует в выравнивании какого-либо другого элемента, следовательно, он больше не служит ячейкой таблицы (объявление не имеет эффекта). Кроме того, объявление, такое как top: 10px , означает размещение его на таком большом расстоянии от верха содержащего его элемента.
Объявление элемента как position: relative делает объявление, например, top: 10px означает «переместить элемент на 10 пикселей сверху от текущей позиции». Возможно, что элементы, объявленные относительно, перекрываются с другими элементами,
Вы также можете попробовать установить position: relative; container, который делает баннер (#banner position: relative; и img position: absolute), а затем устанавливает абсолютное положение как bottom: 0, выравнивая его по нижней части контейнера. Если это вся страница, просто установите ширину и высоту контейнера на 100% и удалите лишние отступы / поля в теле или в div.