#CSS 的尺寸

#display

行内元素 不能设置尺寸， 块元素 才能设置尺寸。CSS 中可以通过 display 属性设置显示类型， block 为 块元素，inline 为 行内元素。

示例：

<p>段落默认状态下是块元素</p>
<p style="display:inline;">这里设为行内元素</p>
<p style="display:inline;">这里设为行内元素</p>

HTML
段落默认状态下是块元素
这里设为行内元素
这里设为行内元素

#width & height

CSS 通过 width 和 height 设置宽度和高度，通常单位为 px 表示像素。

示例：

<div style="width:200px; height:80px; background-color:#212121; color:cyan;">
    width:200px;
    <br/>
    height:80px;
</div>

CSS 宽度和高度

    width:200px;
    

    height:80px;

#max-width & max-height

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

在上面的示例中，设置元素的尺寸后，内容溢出了元素的范围。

在 CSS 中可以通过 overflow 属性设置内容溢出时的行为，默认为 visible 即显示。

overflow 的常用取值如下：

除此之外，还可以使用 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 最大宽度和最大高度

    限制最大高度

    限制最大高度

    限制最大高度

    限制最大高度

    限制最大高度

    限制最大高度

    限制最大高度

    限制最大高度

    限制最大高度

    限制最大高度

    限制最大高度

    限制最大高度

#CSS 中的常用单位

CSS 中有以下常用单位：