Question

浏览器具有HTML页面的默认填充。例如，我的FF默认设置8个身体元素的边距。我可以使用

计算HTML页面的默认宽度填充

jQuery(window).width() - jQuery('body').innerWidth();

由于body元素跨越了所有可用的浏览器视口宽度另外我还有其他浏览器为宽度和高度填充设置不同的值你能提出计算高度填充的方法吗？由于正文内部高度将返回实际页面内容高度并且不会跨越所有可用高度，因此之前的代码将无法工作。

Answer 1

绕过问题并使用CSS reset。

通过良好的重置，您无需计算这些，因为它们将由您自己设置。

Answer 2

你真的需要计算填充吗？填充在元素的css设置中定义，用于填充和边距。

你可以在jQuery中轻松获得这些：

// Select the body element.
var bodyElement = $('body');

// Get the paddings
var widthPadding = bodyElement.css('padding-left') + bodyElement.css('padding-right');
var heightPadding = bodyElement.css('padding-top') + bodyElement.css('padding-bottom');

// Get the margins
var widthMargin = bodyElement.css('margin-left') + bodyElement.css('margin-right');
var heightMargin = bodyElement.css('margin-top') + bodyElement.css('margin-bottom');

您可以通过在css文件中定义来删除默认的用户代理（即浏览器）设置：

body {
    margin: 0;
    padding: 0;
}

浏览器默认填充

2 个答案: