Правильно ли задан размер строки таблицы> 1, если значение высоты дочернего элемента div установлено равным 100% родительского значения?

Question

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

td{
    height:40px;
    position:relative;
}
.CoolButton{
    position:absolute;
    background-color: aquamarine;
    top:0;
    bottom:0;
}
.CoolButtonInner{
    background-color: pink;
    height:inherit;
}

<td rowspan="4">
    <a class="CoolButton" href="">
        <div class="CoolButtonInner">Blah Blah</div>
    </a>
</td>

Я пытаюсь вытянуть div на ВЫСОТУ всей клетки td.

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

Answer 1

Вы можете указать ширину 100% для класса .CoolButton.

td{
    height:40px;
    position:relative;
}
.CoolButton{
    position:absolute;
    background-color: aquamarine;
    top:0;
    bottom:0;
    width: 100%; ###

}
.CoolButtonInner{
    background-color: pink;
    height:inherit;
}

<td rowspan="4">
    <a class="CoolButton" href="">
        <div class="CoolButtonInner">Blah Blah</div>
    </a>
</td>