如何获得带有内部元素填充的完整车身宽度

How to get complete body width with inner elements padding?

本文关键字：填充 何获得 内部 元素      更新时间：2023-09-26
我有一个页面，其中包含

一个具有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>

使用outerWidth() 

$('body').outerWidth()

您也可以通过单击此处更好地了解宽度，外部宽度，内部

您可以使用

.outerWidth()

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

如果您需要包含边距，您可以使用 $('body').outerWidth(true);

相关文章：