时间戳

首页 > 解决方案 > 背景不要填满整个部分

html - 背景不要填满整个部分

问题描述

我在一个测试项目中使用此模板（http://www.display-inline.fr/demo/developr/template/inbox.html），但是，当我更改部分<section role="main" id="main">以使用该类carbon时，背景未完全填充.

我尝试使用 调整该部分的大小style='height: 100%'，但是没有用。如何用碳类背景填充整个页面？

标签： htmlcss

解决方案

而不是使用height:100%你应该使用height:100vh

.wrapper {
  background-image: url("https://i.stack.imgur.com/fhEwl.png");
  height: 100vh;
  background-repeat: no-repeat;
}
<div class="wrapper">text</div>

推荐阅读