Question

我在这里有一个网站：Website 我的问题是，身体（女巫我想在后面制作不透明度0）不是在整个网站上？它只是在“Block” - 中间的部分之后停止。当我删除html-part中的背景颜色时，Body再次获得全屏。但我需要背景颜色是另一个原因。（我不想改变这个。）

我希望您可以使用浏览器查看/编辑源代码。

解!!! 我现在无法回答我自己的问题，所以我必须这样做：

所以，我找到的解决方案是：

我用javascript设置高度自动onload。

var wheight = $(window).height();
$("body").css("height", wheight);

不是最好的解决方案，但它有效！

感谢大家的帮助！

Answer 1

您需要重置主体的默认样式，该样式具有一些边距和填充，具体取决于浏览器。所以你只需要确保身体没有任何边距或填充。试试吧。

body {
  margin: 0;
  padding: 0;
}

更新：在html设置background-size:cover

上添加背景图片

html{
  background-size: cover;
  background-image: url(Blurred.jpg);
}

并将其从现有部分中删除，即。 body样式，否则会显示两次。

或者只需在line 5

中的style.css处删除此行即可

html {
 background-color: #EDEDED;
}

Answer 2

唯一的解决方法是删除所有浏览器的默认边距和填充

body {
 margin: 0;
 body: 0;
}

这样，所有边距都将被移除，而你的身体标记将填满空间！

示例：

在您的网站中，您可以看到用户的浏览器自行提供此边距

enter image description here

问题是标题为user agent stylesheet，这意味着此问题是由用户的浏览器创建的。添加的保证金为8px。

现在，当您设置margin: 0时，它将更新用户的样式表，并将使用您将提供的样式。这是0。

现在图片的第二个错误是id="Block正在提供margin-top: 183.5px;将其删除或将其替换为margin: 0;这样做：）

要填充身体空间，您可以使用min-width和min-height确保身体标记始终填充。

然后使用一个可以填满浏览器屏幕整个空间的图像。

Answer 3

"margin collapse"可能存在问题。

“...邻接边距（没有非空内容，填充或边框区域，或两个或两个以上的盒子（可能在旁边）相互组合或嵌套）组合形成一个边缘。“

您的子元素margin-top的{{1}}也在推下其父section#block。
请尝试将其更改为<body>，而不是：

padding-top

我还建议给$(ID).css("padding-top", half + "px");和<html>一些高度并删除任何默认边距/填充：

<body>

Answer 4

我想我会提供一些替代方法来重置身体边缘。我也和我的一个网站遇到了同样的问题。我没有重置边距的方法是将高度设置为100％。

<body onload="centerVertical('Block')" id="body" style="height:100%">

和

<html style="height:100%">。

我会在您的网站上发布编辑图片，但我需要10个代表才能发布图片。

function cry(){for(1=1){return tears;}}