1

У меня есть блок div внутри ячейки таблицы.

Я хочу, чтобы его высота всегда была 100%

Помогите пожалуйста

2
  • а чем вам <div style="width:100%"> не угодил?
    – FLK
    16 апр 2012 в 9:56
  • тем, что он все равно остается width:0 И только при появлении содержания она начинает растягиваться 16 апр 2012 в 16:03

1 ответ 1

2

Чтобы браузер смог вычислить высоту в процентах, необходимо задать высоту "почти" у каждого из родителей.

Например:

<div style="width:300px;height:300px">
  <table style="height:100%">
    <tr><td style="height:100%">
      <div style="height:100%;background:red">
        stretched vertically
      </div>
    </td></tr>
  </table>
</div>

Однако, следует иметь в виду, что если в другой ячейке, например, будет картинка высотой больше 300px, то таблица расползется и div растягиваться до 100% не будет, точнее 100% так и останутся рассчитанными относительно родителей.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.