Html 保证金底部无效，背景尺寸：100%

我想在内容区域和浏览器末端之间留出一些空间。但是，如果我给元素一个底部的余量，它将不起作用。下面是问题的图片 我认为这是一个问题的标志“bastelecke”的网站。也许你们中有人有办法解决这个问题

这是。我希望它可以，如果我不张贴代码，因为你看不到图片，然后。如果你需要密码，请告诉我

代码如下：

*{
边际：0px；
填充：0px；
颜色：黑色；
}
.标题{
背景图片：url（Titel.png）；
宽度：840px；
高度：227.5px；
背景大小：100%；
右边距：自动；
左边距：自动；
}
身体{
背景图片：url（bg.jpg）；
身高：100%；
}
部分{
宽度：1230px；
左边距：自动；
右边距：自动；
}
文章{
背景色：#FBB9B7；
宽度：800px；
浮动：左；
填充：20px；
-网络工具包盒阴影：0px 0px 20px 0px rgba（0,0,0,1）；
-moz盒阴影：0px 0px 20px 0px rgba（0,0,0,1）；
盒影：0px 0px 20px 0px rgba（0,0,0,1）；
}
旁白{
背景色：#FBB9B7；
宽度：300px；
浮动：对；
填充：20px；
-网络工具包盒阴影：0px 0px 20px 0px rgba（0,0,0,1）；
-moz盒阴影：0px 0px 20px 0px rgba（0,0,0,1）；
盒影：0px 0px 20px 0px rgba（0,0,0,1）；
}
.标题侧栏{
背景：url（schleife.png）不重复；
背景大小：100%；
高度：44px；
文本对齐：居中；
填充顶部：6px；
边缘顶部：50px；
边缘底部：20px；
}
.无页边页首{
边际上限：0px；
}
.面部照片{
浮动：左；
宽度：200px；
高度：200px；
保证金：0px 10px 5px 0px；
}
.链接{
颜色：#00AFA8；
文字装饰：无；
}
.link:悬停{
文字装饰：下划线；
}

沃卢普塔。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。

卡蒂戈林

我们有两个朋友。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。

---

您还可以删除高度：100%从

主体

标记，这是不必要的。

我建议稍微修改@chrisbedoay代码

section {
padding-bottom: 20px;
overflow: auto; <!-- HERE IS THE DIFFERENCE -->
}

部分{
垫底：20px；
溢出：自动；
}

/==编辑===/

我刚想到你可以给你的身体添加填充物

body{
padding:0px 0px 30px 0x; <!-- allows extra space at bottom of page -->
}

正文{
填充：0px 0px 30px 0x；
}

在

元素旁边添加一个底部边距。对我来说就是这样。把它改成
bottom:20px
。你的分区块不清楚，先用清除，然后给底部留边距。谢谢Bhagya！它能用，谢谢！：）不我看不到盒子的影子没有。。。我看不到盒子的阴影，如果你在代码后添加一个部分，它会工作的@斯克普塔
body{
padding:0px 0px 30px 0x; <!-- allows extra space at bottom of page -->
}