如何使 HTML 表格距离窗口右边缘正好 36 像素

Question

无论有没有 CSS，这似乎都是不可能的 - 我想要一个距离浏览器窗口左侧和右侧正好 36px 的表格。我可以轻松地设置左边距 - 但似乎不可能获得精确的右边距（右边距 css 似乎完全被忽略，并因左边距设置而加剧）。

百分比和固定宽度都不适合我的场景。

我错过了什么吗？

Answer 1

div.tablecontainer {
  padding: 36px;
}
.tablecontainer table {
  width: 100%;
}

<div class="tablecontainer">
  <table>....</table>
</div>

http://jsfiddle.net/GolezTrol/3UBK3/

Answer 2

另一种方法是使用绝对位置（GolezTrol 打败了我：P）

演示

div.wrapper
{
    position:absolute;
    left:136px;
    right:136px;
}


table
{
    width:100%;
}

Answer 3

您还可以通过在窗口上使用 jquery 中的宽度函数来完成此操作，然后在 javascript/jquery 中显式设置表格宽度。如果需要，这将允许您根据窗口大小采取不同的行为。

$("#table").width($(window).width()-(2*36));