Как изменить высоту контейнера div, чтобы он подходил для всего динамического содержимого? - PullRequest
Новая
       11

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

1 голос
/ 23 февраля 2010

пример моей проблемы вы можете найти здесь: http://la.truxmap.com/truckpage?id=buttermilktruck

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

Я пытался выяснить, как я могу сделать это уже несколько дней, и вы, ребята, кажетесь моей последней надеждой. Большое спасибо!

Следует новый вопрос:

Ответы [ 2 ]

0 голосов
/ 23 февраля 2010

Итак, я поиграл с копией вашего кода и провел очень быстрый эксперимент:

  1. Я ввел строгий тип документа в самом верху страницы: 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  2. В DIV, в котором хранится ваша основная копия, я изменил встроенный стиль с: 

    position: relative; top: 65px; height: 125%;

    до: 

    position: relative; top: 65px; margin-bottom: 100px;

Кажется, это работает просто отлично. Может попробовать это?

0 голосов
/ 23 февраля 2010

Если вы хотите, чтобы текст не выпал из блока:

  • Дайте вашему div с классом trucklogo позицию: относительная.

Когда Trucklogo позиционируется относительно, вы увидите, что текст больше не выпадет из блока.

Тогда:

  • Проверьте, не отображаются ли другие элементы правильно.
  • Будьте последовательны в использовании элементов и классов внутри них.
  • Если вы используете span внутри div, присвойте им класс или стиль ...
  • Позиционируйте свой дивизион Trucklogo.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...