Question

情况：

我正在写一个html页面，我添加了一个头部和身体。在我的身体里，我有3列，左，右和右。

对于这个问题，只有主要内容很重要。我想在主列中创建一个包含文本的表。我只添加了3行文本，因此表格没有完全填充，但我仍然希望表格是屏幕的整个高度，只是为了改善外观。然后它将是一个较大的盒子而不是屏幕中间的小盒子。

在我的CSS文件中，我有这个：

    html {height:100%; width: 100%;}

    body 
    {
      margin:0; 
      height:100%;
      width: 100%;
      padding: 0;
      background-color: blue;
    }   

    #table1
     {
       background-color: black;
       height: 100%;
       width: 70%;
       z-index: 1;
       padding:15px;
     }

出于某种原因 height：100％不起作用。有人有解释吗？

Answer 1

要使元素高度为100％，您通常必须同时给出body和html 100％的高度。

添加

body, html { height: 100%; }

到您的CSS。

您需要设置层次结构中所有元素的高度才能生效。把它想象成“100％的东西？是我父母的元素。”那么父母的身高是多少？

Demo

Answer 2

你可能需要给你的身体100％的高度，因为你的桌子在你的身体，所以当你告诉桌子采取100％的身高，它实际上是身高的100％，这是本身不是100％...

Answer 3

您必须将整个主列的CSS height属性设置为100％，此处，您只需将表格高度设置为主div的100％，而不是屏幕的100％。

HTML表格不使用全屏

情况：

3 个答案: