新手上路，请多包涵

我在我的网页上使用径向渐变作为背景，如下所示：

 background-image: -webkit-gradient(radial, 100% 100%, 10, 90% 90%, 600, from(#ccc), to(#000));

它有效，但是当内容没有填满整个页面时，渐变被切断。我怎样才能让 <body> 元素始终填满整个页面？

原文由 Ry- 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 859

2 个回答

得票最新

✓ 已被采纳

html, body {
    margin: 0;
    height: 100%;
}

原文由 capdragon 发布，翻译遵循 CC BY-SA 3.0 许可协议

在我们的网站上，我们有内容是静态的页面，以及使用 AJAX 加载内容的页面。在一个页面（搜索页面）上，有时 AJAX 结果会填满整个页面，有时会不返回任何结果。为了让背景图片在所有情况下都填满页面，我们必须应用以下 CSS：

 html {
   margin: 0px;
   height: 100%;
   width: 100%;
}

body {
   margin: 0px;
   min-height: 100%;
   width: 100%;
}

height for the html and min-height for the body .

原文由 jwatts1980 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答

推荐问题

子站问答

本篇内容翻译自 Stack Overflow，如果你觉得翻译结果值得改进，欢迎直接编辑修改，感谢你为社区贡献。

相似问题

找不到问题？创建新问题

让 <body> 填满整个屏幕？