100% высота, вложенный стол, в стандартном режиме - PullRequest
4 голосов
/ 11 июля 2011

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

Например:

<table style="height:500px; background:blue;">
    <tr>
        <td style="vertical-align: top">
            <table style="background:red; height: 100%;">
                <tr>
                    <td>hello</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

В причудахВ режиме красная таблица заполняет синюю таблицу, поэтому вы в основном видите красную таблицу с синей рамкой.

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

Как я могу исправить это поведение?Я не хочу рендерить причуды, так как это приведет к кошмару обслуживания.

Ответы [ 2 ]

2 голосов
/ 11 июля 2011

Положите style="height: 100%;" на теги <td> и <tr>.При установке высоты на 100% каждый родитель должен иметь определенную высоту.

0 голосов
/ 26 октября 2017

Вместо установки высоты внешнего стола установите высоту <td> и style="height: 100%;" на вложенном столе.

...