这应该工作。

Hello World

html, body {

width: 100%;

height: 100%;

margin: 0;

padding: 0;

background-color: green;

}

#container {

width: inherit;

height: inherit;

margin: 0;

padding: 0;

background-color: pink;

}

h1 {

margin: 0;

padding: 0;

}

Hello World

背景颜色在那里你可以看到它是如何工作的。将此代码复制到文件中，然后在浏览器中打开它。尝试使用CSS，看看会发生什么。

width: inherit; height: inherit;从父元素中提取宽度和高度。这应该是默认值，并非真正必要。

尝试删除h1 { ... } CSS块，看看会发生什么。您可能会注意到布局以奇怪的方式作出反应。这是因为h1元素正在影响其容器的布局。您可以通过在容器或正文上声明overflow: hidden;来防止这种情况。

我还建议你在CSS Box Model上做一些阅读。