Question

我有一个html表，我试图让它跨越整个页面高度。由于某种原因，我无法让这个工作。我已将html，body和table高度设置为100％，但表仍然不占用整个100％。

继承代码。这是非常基本的，因为我只是想让桌子占据整个高度。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <style type="text/css">
            body,html {    
                margin:0;    
                padding:0;   
                height:100%;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <table border="2" cellpadding="0" cellspacing="0" style="height:100%; width:100%" >
                <tr>
                    <td>ABCD</td>
                </tr>
            </table>
        </form>
    </body>
</html>

我试了几个小时，我无法让它工作。任何帮助都非常感谢。

Answer 1

表格是否在表格中？使用样式

使其高度也达到100％

Answer 2

这应该有效：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <link rel="Stylesheet" href="http://yui.yahooapis.com/3.0.0/build/cssreset/reset-min.css">  
        <style>
            body, html, form, table { height:100%; }
            table { border:2px solid gray; }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <table>
            <tr>
                <td>ABCD</td>
            </tr>
        </table>
        </form>
    </body>
</html>

Answer 3

尝试将html height属性设置为100％。

<table height="100%">

Answer 4

看起来高度是相对于当前容器的高度，可能不是100％。看到这篇文章：

http://apptools.com/examples/tableheight.php

如何让桌子跨越整个高度？

4 个答案: