twaddington..

21

这应该工作.

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;在容器或身体上声明来防止这种情况.