Question

我有一个桌面内部。我希望div成为单元格的整个高度。

我把高度：100％放在风格中 - 但它不起作用

<asp:TableCell ID="tdCustomerLogin" runat="server" HorizontalAlign="Center" VerticalAlign="Top" style="padding:2px; background-color:#33CC4D; border:solid 1px black;">
    <div style="background-color:White; border:solid 1px black; height:100%;">
     .......... other html code
    </div>
</asp:TableCell>

Answer 1

除非您给单元格指示高度，否则无法获得所需的效果。

这是因为当渲染每个表格单元格时，它的内容框不会被拉伸以匹配行的高度。相反，它会根据需要提供额外的PADDING，以使其整体高度与其行的高度相匹配。

所以实际上Div的确有100％的高度 - 这不是你所期望的。

http://www.w3.org/TR/CSS2/tables.html#height-layout

Answer 2

只要您先设置父级的高度，高度就会起作用。

Answer 3

你在Div / Cell中放了什么？如果它是一个很大的东西（将使细胞扩大），你可以尝试

height: auto;
width: auto;

如果单元格不是动态的，请尝试将DIV尺寸设置为单元格的大小。

我建议使用CSS。我知道使用Visual Studio工具栏似乎很快，但你最终可能会弄得一团糟。

Answer 4

将div的高度设置为100％确实有效。见http://jsfiddle.net/9nUre/

如何将div设置为单元格的整个高度？

4 个答案: