Css div高度：100%包裹内容

为什么“我的div”的颜色仅基于其内容？这是按钮与下面代码的高度。div仅包装其内容

我的div元素是

<div id="test">
 <button>testing</button?
 </div>

---

我将高度设置为100%，但它只对按钮所在元素的高度进行着色。如何对网站的整个高度进行着色？最好的方法是什么？

要使任何元素适合

高度：100%

，HTML和正文高度应设置为100%

body, html{  
  height:100%
}

---

如果您必须为整个网站上色，您可以将css直接应用于body或html标记

body, html {
    min-height: 100%;
    background-color:#666;
}

---

是，因为按钮占用了div的高度

因此，始终从下面的css开始，以涵盖浏览器

body, html {
  width: 100%;
  height: 100%;
}

---

如果将高度设置为100%，内容增长超过视口高度的100%，则可能重复。内容溢出，没有背景。在我将主体高度设置为100%之后？我只需要给1 div的整个高度上色。@KerPPag这就是我想说的，子元素继承了父元素的宽度。所以

height and width of body==div的高度和宽度（#text）

如果你想设置div的颜色，那么像在这把小提琴中那样分配它谢谢你，我试过了，效果很好。但是如果我把它放到另一个地方，网站的高度会变长。比如说如果我100%做这个高度，它会变长。

body, html {
  width: 100%;
  height: 100%;
}