Блог

Главная - Вопросы по программированию - Проблема с CSS внутри таблицы, пытающейся получить div, увеличивающий высоту td

Проблема с CSS внутри таблицы, пытающейся получить div, увеличивающий высоту td

#html #css

#HTML #css

Вопрос:

Я пытаюсь получить динамическую высоту с помощью абзаца ниже.

  <td>
    <b>audio systems</b> <br>
    <div style="position:absolute">
       <p>Do you need services of a company that specialises in audio systems? With expertise in all areas of audio systems, AAVI is the best choice.</p>
    </div>
 </td>

Я не могу заставить это td динамически увеличивать высоту абзаца внутри div тега. Вместо этого он всегда проходит через td раздел, хотя я установил ширину для div and p . Я не хочу p переходить к div td разделу или.

Есть ли способ заставить это работать?

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

1. вы могли бы попробовать присвоить td position:relative, но, не глядя на остальную часть вашего css, трудно сказать. Что вы можете сделать, если используете chrome или firebug, это щелкнуть правой кнопкой мыши по абзацу и выбрать «проверить элемент», вы можете вручную поработать с css и посмотреть результаты. вы можете отметить или отменить правила стиля, чтобы увидеть, каков эффект.

2. Учитывая это ограниченное подмножество HTML, похоже, что вы пытаетесь использовать таблицы для макета вместо семантики, и в этом случае вам вообще не следует использовать таблицу. Кроме того, пожалуйста, включите свой CSS!

Ответ №1:

 <table>
<tr>
<td>
    <b>audio systems</b> <br>
    <div style="position:absolute">
   <p>Do you need services of a company that specialises in audio systems? With expertise in all areas of audio systems, AAVI is the best choice.</p>
    </div>
 </td>
 </tr>
</table>

работает для меня.

Ответ №2:

Только путем удаления position:absolute; или использования JavaScript.

Создание <div> абсолютного положения удаляет его из обычного потока.

Метки: