Question

我使用以下代码记录了高度和填充值：

jQuery( document ).ready( function() {

    console.log( jQuery('body').css('height') );
    console.log( jQuery('body').css('padding-top') );
    console.log( jQuery('body').css('padding-bottom'));

}); //end ready

输出：

20px
0px
0px

如果正文的高度只有20像素，那么当我使用这个CSS时，为什么浏览器的整个背景会变黑：

body {
    background: black;
}

我正在使用Chrome作为浏览器。如果你对我如何遇到这个问题感到好奇，我遇到了一个问题，即由于身体的默认高度而向身体添加一个似乎没有发射的点击事件。

Answer 1

很久以前有一些名为document.bgcolor的东西，或者类似的东西，可以让你设置文档本身的背景，但是已经弃用了。

相反，决定设置document.body.style.backgroundColor，或者换句话说设置正文的背景，也会自动设置document的背景颜色，因为document对象具有没有styl e属性，但是当body / html元素没有完全覆盖文档时它仍然可见，这就是整个页面变黑的原因，即使body元素没有覆盖整个文档。

Answer 2

该元素包含HTML文档的所有内容，例如作为文本，超链接，图像，表格，列表等。

在w3schools处说出定义。考虑到这个定义，如果<html>元素没有<body>的样式被认为是文档样式的表示。我们对评论的一些调查证明了这一点。

修改

没有看到问题的评论。 link tliokos提到了相同的内容。

Answer 3

如果您真的想要在全尺寸的身体上进行点击活动，请尝试以下方法：

body{
    background-color: black;
    min-height: 100%;
    padding: 0;
    margin: 0;
}

Answer 4

首先，你必须了解身体是什么，并且记住身体是你在页面加载时看到的一切，所以为了划分你的页面添加一个div或表并改变它的背景。

为什么改变身体的背景颜色会改变整个页面的背景？

4 个答案: