盒模型的宽度高度 作用：设置加载内容的区域 属性： ``` 宽度为width 高度：height ``` px为单位的数字表示法，数值为多少的宽度高度像素 子盒子也可用100% 50%来表示 如果子盒子 width：100% height：100% 那么就是等同于父盒子的宽度和高度。 注意的是：盒子不设置宽度，会默认撑满父盒子的宽度 如何盒子不设置高度，会默认被内容撑高 代码： ``` div{ width:200px; height:200px; background-color:red;       } p{ height: 50%; background-color: seagreen;       } <div> <p>我是文字</p> </div> ``` 效果：