JsRender“页脚”空间答案

【问题标题】：JsRender "footer" spaceJsRender“页脚”空间
【发布时间】：2021-12-03 16:20:28
【问题描述】：

我正在使用 jsrender，我需要使用页面中的所有空间，但“页脚”中有一些空间无法使用，我需要表格使用全高

html,
body {
  height: 100%;
  margin: 0;
  font-size: 20px;
  background-color: yellow;
}

<body>
  <table style=" height: 100%;margin: 0;background-color: red;">
    <tr>
      <th>Company</th>
      <th>Contact</th>
      <th>Country</th>
    </tr>
    <tr>
      <td>Alfreds Futterkiste</td>
      <td>Maria Anders</td>
      <td>Germany</td>
    </tr>
    <tr>
      <td>Centro comercial Moctezuma</td>
      <td>Francisco Chang</td>
      <td>Mexico</td>
    </tr>
    <tr>
      <td>Ernst Handel</td>
      <td>Roland Mendel</td>
      <td>Austria</td>
    </tr>
    <tr>
      <td>Island Trading</td>
      <td>Helen Bennett</td>
      <td>UK</td>
    </tr>
    <tr>
  </table>
</body>

【问题讨论】：

你在问如何让你的桌子全宽吗？请修改以更清楚。编辑 sn-p 以显示问题。我们无法调试图像。
是的，这就是我需要的，对不起，我已经添加了图像
出于我提到的原因，我把图片拿出来了。请让 sn-p 显示问题，这样我们就知道我们在调试什么。
在sn-p中，表格占了100%，没关系，但是当我使用jsrender时，它几乎占了页面的85%，就像有一些“页脚”可以使用，但仅与js渲染，这就是我需要知道如何解决

标签： html css jsrender

【解决方案1】：

正如您在 cmets 中所说，您希望表格占据 100% 的可用宽度，只需将 width:100%; 添加到您的表格中即可。此外，您应该将表格样式从 inline-styles 移动到 css。

我在下面的sn-p中添加了必要的样式：

html,
body {
  height: 100%;
  margin: 0;
  font-size: 20px;
  background-color: yellow;
}

table {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: red;
}

<body>
  <table>
    <tr>
      <th>Company</th>
      <th>Contact</th>
      <th>Country</th>
    </tr>
    <tr>
      <td>Alfreds Futterkiste</td>
      <td>Maria Anders</td>
      <td>Germany</td>
    </tr>
    <tr>
      <td>Centro comercial Moctezuma</td>
      <td>Francisco Chang</td>
      <td>Mexico</td>
    </tr>
    <tr>
      <td>Ernst Handel</td>
      <td>Roland Mendel</td>
      <td>Austria</td>
    </tr>
    <tr>
      <td>Island Trading</td>
      <td>Helen Bennett</td>
      <td>UK</td>
    </tr>
    <tr>
  </table>
</body>

【讨论】：

在sn-p中，表格占了100%，没关系，但是当我使用jsrender时，它几乎占了页面的85%，就像有一些“页脚”可以使用，但仅与js渲染，这就是我需要知道如何解决