Question

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

的此表格的宽度

我尝试使用

window.innerWidth(true)
              element.containerWidth

在JS中但是它返回了我没有内部元素填充的身体宽度。

CSS中的

和宽度：100％。什么都没有。

编辑：即使在使用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

Answer 2

您可以使用.outerWidth()

在这种情况下我会用 $('body').outerWidth();

如果您需要包含保证金，您可以使用而是$('body').outerWidth(true);

如何使用内部元素填充来获得完整的体宽？

2 个答案: