Невозможно сделать дочерний элемент такой же высоты, как родительский элемент IE

Question

Невозможно сделать дочерний элемент такой же высоты, как родительский элемент IE

0

Я пытаюсь сделать дочерний элемент ячейки таблицы, используя высоту и ширину ячейки таблицы, используя CSS. Вот html:

<tr>
    <td>
        <div class="yellowDiv"></div>
    </td>
    <td></td>
    <td></td>
    <td></td>
</tr>

Вот CSS, который я использую:



    table tbody tr td:nth-child(1){
        position: relative;
    }

    table tbody tr td div.yellowDiv{
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        background: yellow;
    }

Вышеупомянутый код корректно отображается в Chrome, но не в IE (касается только IE 9 и 10). Я также попытался установить display: table-cell; для элемента div но безрезультатно. Я также попытался установить высоту элемента div на 100%, но это тоже не сработало.

user2994007 15 нояб. 2013, в 00:03

Источник

Теги:

html

css

internet-explorer

1 ответ

Ещё вопросы

Diodeus - James MacFarlane · Answer 1 · 2013-11-14T20-57-00.000Z

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

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

Вы можете использовать:

.yellowDiv {
    background-color:#ffff00;
    height:100%;
}

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