【发布时间】：2017-05-15 15:29:37
【问题描述】：
我想在整个页面（从上到下）使用渐变，但我当前的渐变在我的文本 div 结束的页面的中间完成，然后再次开始...... 你可以在 codepen.io 看到它：https://codepen.io/pprunesquallor/pen/zwapGQ?editors=1100 我的 codepen 使用 Bootstrap 4，如果有任何相关性的话。
我希望我不需要粘贴整个 HTML/CSS，因为已经有很多了。这里只是渐变部分：
body {
background: #00001e;
background: -webkit-linear-gradient(to top, #F5981F , #5D82B3);
background: linear-gradient(to top, #F5981F , #5D82B3);
【问题讨论】：
-
将
min-jeight:100vh;margin:0;添加到您的body标签中，如果内容太少而无法拉伸，它将至少喷洒在窗口的整个高度 -
min-height:100vh 这样做 codepen.io/gc-nomade/pen/KmexKe 或者给 html codepen.io/gc-nomade/pen/WjygbM 另一个 bg 当单个背景设置为 body 或 html 时，它在 html 上绘制，如果 html 设置为一个高度，渐变将重复通过这个高度。如果你给 html 一个 bg，body bg 将被绘制在 body