Как я могу сохранить position: absolute от сокрытия моего содержимого?

#javascript #jquery #html #css

#javascript #jquery #HTML #css

Вопрос:

У меня загружается карта Google на вкладке. Я использую position: absolute в div контейнера.

Карта отображается хорошо. Проблема, с которой я сталкиваюсь, заключается в том, что карта закрывает любой контент, который я пытаюсь поместить под нее. Я хотел бы иметь возможность размещать таблицы и текст под всеми вкладками вместе, а не только на карте.

 Here is the fiddle: Notice <p>I want to see this text.</p> is not showing up.

http://jsfiddle.net/67wu9/18/

1. Возможно, я что-то упускаю, но я не вижу ничего, что скрывается за картой.

2. @JeremyMiller здесь то же самое.

3. добавление абзаца работает нормально: jsfiddle.net/67wu9/17

4. Я обновил скрипку. Я хочу добавить его во всю вкладку div. Не внутри самой вкладки. Я хочу продолжить контент на своей веб-странице под вкладками.

Ответ №1:

Я раздвоил вашу скрипку.

http://jsfiddle.net/3ag7G/

Это то, к чему вы стремитесь?

 <!-- Wrapper-->
<div style="position: absolute;">

Сделайте оболочку div абсолютной и поместите в нее все, что вы хотите. Если нет, то самое простое, что я могу придумать, это расположить ваш блок с помощью координат xy и смещать ваши таблицы и текст. Я думаю, что есть кое-что, что вы можете сделать с относительными разделами-оболочками.

1. Я не хочу добавлять его в map div. Я хочу добавить контент под весь раздел вкладок в целом. Проблема в том, что новое содержимое не поднимается до нижней части контейнера вкладок, новое содержимое оказывается под картой, а не в нижней части раздела вкладок. jsfiddle.net/67wu9/18

2. Просто проверяю, чтобы убедиться, но вы проверили мою скрипку?

3. Это то, что я искал!! Но теперь он закрывает мой нижний колонтитул. lol. Что я могу сделать, чтобы исправить это? Просто включите в оболочку нижний колонтитул на этой конкретной странице?

4. Вы могли бы, но сейчас мне интересно, есть ли лучший способ сделать все это. Абсолютно ли это необходимо? Как вы видели, это имеет тенденцию многое портить.

5. Я сомневаюсь, что это необходимо. Если вы удалите его из оболочки div , удалите float и position: relative; из #4552130 div, в вашей скрипке все работает просто отлично. Похоже, это случай, когда каждый стиль используется для решения проблемы, а не только для тех, которые необходимы.