Как получить полную ширину корпуса с внутренними элементами?

Question

У меня есть эта страница, которая содержит таблицу с 10-12 значениями, каждая ячейка таблицы (td) имеет некоторые padding(10px). Что является лучшим способом, чтобы получить ширину тела включая ширину этой таблицы, содержащей padded cells.

Я попытался с помощью

window.innerWidth(true) 
       element.containerWidth 

В JS, но вернуть мне ширину тела без заполнения внутренних элементов ,

и ширина: 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() 

Также вы можете получить более полное представление о ширине, OuterWidth, Inner по Click here

Answer 2

Вы можете использовать .outerWidth()

В этот сценарий я бы е $('body').outerWidth();

Если вы когда-нибудь понадобится запас для включения вы можете использовать $('body').outerWidth(true); вместо