3

情况：

我正在编写一个 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%不起作用。有人有解释吗？

4

3 回答 3

4

要使元素具有 100% 的高度，通常还必须提供 100% 的body高度html。

添加

body, html { height: 100%; }

到你的 CSS。

您需要设置层次结构中所有元素的高度才能正常工作。把它想象成“100% 的什么？是我父母的元素。” 那么父母的身高是多少？

演示

于 2013-06-11T16:56:27.103 回答
1

你可能也需要给你的身体一个 100% 的高度，因为你的桌子在你的身体里，所以当你告诉桌子取 100% 的高度时，它实际上是身体高度的 100%，它本身不是 100 %...

于 2013-06-11T16:56:53.300 回答
0

您必须将整个主列的 CSS 高度属性设置为 100%，这里只是将表格高度设置为主 div 的 100%，而不是屏幕的 100%。

于 2013-06-11T16:57:34.413 回答