Html表格行高降低超过限制_Html_Css

Html表格行高降低超过限制

html css

Html表格行高降低超过限制,html,css,Html,Css,给定下面的HTML，我如何用蓝色单元格的高度限制黄色单元格的最小高度-我不能使用最小高度，因为蓝色框的高度是在外部样式中定义的 <!DOCTYPE html> <html> <head> <title></title> </head> <body> <div style="width: 600px; height: 400px;"> <table style='b

给定下面的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>

我敢肯定，除非JavaScript是一种可选工具，否则您不能这样做，但它确实是最后的选择