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が、役に立ちませんでした。要素の高さをdiv100% に設定しようとしましたが、それもうまくいきませんでした。

4

1 に答える 1

-1

絶対配置要素はレイアウトの一部ではなくなりました。独自のレイアウト コンテキストがあります。したがって、親要素の大きさを知ることはできません。

これを解決するには JavaScript を使用するか、絶対配置が必要な理由を検討する必要があります。

以下を使用できます。

.yellowDiv {
    background-color:#ffff00;
    height:100%;
}
于 2013-11-14T22:10:16.817 に答える