行内元素 不能设置尺寸， 块元素 才能设置尺寸。CSS 中可以通过 display 属性设置显示类型，
block 为 块元素，inline 为 行内元素。
示例：
<p>段落默认状态下是块元素</p>
<p style="display:inline;">这里设为行内元素</p>
<p style="display:inline;">这里设为行内元素</p>
CSS 通过 width 和 height 设置宽度和高度，通常单位为 px 表示像素。
示例：
<div style="width:200px; height:80px; background-color:#212121; color:cyan;">
width:200px;
<br/>
height:80px;
</div>
CSS 通过 max-width 和 max-height 设置最大宽度和最大高度。
示例：
<div style="max-height:6em; background-color:#212121; color:cyan;">
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
</div>
在上面的示例中，设置元素的尺寸后，内容溢出了元素的范围。
在 CSS 中可以通过 overflow 属性设置内容溢出时的行为，默认为 visible 即显示。
overflow 的常用取值如下：
| overflow 的值 | 说明 |
|---|---|
visible |
内容溢出时显示 |
hidden |
内容溢出时不显示 |
scroll |
无论内容是否异常，均显示滚动条 |
auto |
内容溢出时，显示滚动条 |
除此之外，还可以使用 overflow-x 和 overflow-y 分别设置横向和纵向上溢出时的行为。
例如：
<div style="overflow:auto; max-height:6em; background-color:#212121; color:cyan;">
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
限制最大高度<br/>
</div>
CSS 中有以下常用单位：
| 单位 | 说明 | 示例 |
|---|---|---|
px |
像素 | 100px |
em |
当前元素的字体高度 | 1em |
rem |
根元素的字体高度 | 1rem |
% |
父元素内容盒子的百分比 | 100% |
vw |
浏览器视口宽度的 1% | 100vw |
vh |
浏览器视口高度的 1% | 100vh |
vmin |
视口宽度或高度中较小值的 1% | 100vmin |
vmax |
视口宽度或高度中较大值的 1% | 100vmax |