即使滚动后，如何设置页面的背景颜色均匀？

Question

我有一个页面布局，其中包含引导程序container。 我正在使用这种布局渲染页面。

在一个页面中，我的div只是屏幕高度的一半。还有另一个我正在渲染的页面，它非常大（我必须向下滚动）。

设置background-color的{​​{1}}后，在呈现第一页时，只会显示一半页面container，而对于第二页，background-color 1}}在整个页面上是统一的。

CSS

background-color

HTML

body, html {
    height: 100%;
}

.mainlayout {
    background-color: lightblue;
}

我不知道如何为每个页面制作<div class='container-fluid'> <div class='row'> Here i am rendering my data for each page. (Flask `jinja` templates) </div> </div> 制服，涵盖整个屏幕。

Answer 1

＆＃13;

＆＃13;

html,body{
  height:100%;
}

body{
  background:#ccc;
  color:#333;
}

.mainlayout {
    background-color: lightblue;
}

＆＃13;

<div class='container-fluid'>

    <div class='row'>
    Here i am rendering my data for each page. (Flask `jinja` templates)
    </div>

</div>

＆＃13;

＆＃13;

＆＃13;