javascript - 如何使用内部元素填充获得完整的主体宽度？

Question

我有一个包含 10-12 个值的表格的页面，每个表格单元格 (td) 都有一些 padding(10px)。获取正文宽度的最佳方法是什么，包括包含填充单元格的表格的宽度。

我试过用

window.innerWidth(true)
              element.containerWidth

在 JS 中，但它返回 body 的宽度，没有内部元素的填充。

和 width:100% 在 CSS 中。没有任何效果。

编辑: 即使在使用 outerWidth(true) 之后，它也只占用可视区域而不是总面积或可滚动宽度。滚动宽度如何取？

我的代码是

<script>
    window.onresize = displayWindowSize;
    window.onload = displayWindowSize;

    function displayWindowSize() {
        Width = $('body').outerWidth(true);
        Height = $('body').outerWidth(true);
        $('#header-bar').css('width',Width);
        $('#exec2').css('height',Height);
        $('#exec2').css('width', Width);
        $('#exec1').css('width', Width);
        $('#exec1').css('height',Height);
    };
</script>

Answer 1

使用outerWidth()

$('body').outerWidth()

您还可以通过 Click here 更好地了解 Width、OuterWidth、Inner