Question

我正在使用以下标记，但在FF（v30）中，td未被最后一个带红色背景的div拉伸。这是对的吗？它认为TD应该被内容拉伸（它对td的正常行为）。我如何解决它（2个高度为100％的div是必要的，不能删除）？

<table style="width: 200px;">
            <tr>
                <td style="height: 100px;">
                    <div style="height: 100%;">
                        <div style="height: 100%; border: 2px solid green;">
                            <div style="height: 200px; background-color: red;"></div>
                        </div>
                    </div>
                </td>
            </tr>
        </table>

JSFiddle

编辑＃1：

<td style="height: 100px;">

高度应以像素为单位指定，以防止内容丢失时td折叠，因此我无法使用百分比值。

Answer 1

删除100px或用％

替换px

replace <td style="height: 100px;"> with <td style="height: 100%;">

在TD内部使用高度100％切割FF中的内容

1 个答案: