Question

鉴于以下HTML，我如何使用蓝色单元格的高度限制黄色单元格的最小高度 - 我不能使用最小高度作为蓝色框高度在外部样式中定义。

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <div style="width: 600px; height: 400px;">
        <table style='background-color: #ccc; width: 100%; height: 100%;'>
            <tr>
                <td></td>
                <td></td>
                <td style="width: 100%; height: 100%;"></td>
                <td></td>
                <td id='ry' style="height: 100%; background-color: green;"></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td id='bx' style='background-color: yellow;'>
                    <table style="width: 100%; height: 100%;">
                        <tr>
                            <td style='width: 33.33%; height: 100%;'>
                                <div style="position: relative; width: 100%; height: 100%;">
                                    <div style="position: absolute; width: 100%; height: 100%;">
                                        <div style=" width: 30px; height: 30px; margin-left: auto; margin-right: auto; border: 1px solid #ccc; background-color: blue;">?</div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </td>
                <td></td>
                <td></td>
            </tr>
        </table>
    </div>
</body>
</html>

Html表行高度超过限制

0 个答案: