今天的内容包含CSS 中区块的使用、CSS 中浮动的使用、CSS 中定位的使用、CSS 中溢出的使用和CSS 中滚动条的使用。其中区块、浮动、定位和溢出基本都是做布局经常使用到的，下面就一一介绍给大家。
一、CSS 中区块的使用
| 属性名称 | 属性值 | 说明 |
| width | 像素/百分比 | 区块的宽度 |
| height | 像素/百分比 | 区块的高度 |
| min-height | 像素/百分比 | 区块最小高度 |
| max-height | 像素/百分比 | 区块最大高度 |
| min-width | 像素/百分比 | 区块最小宽度 |
| max-width | 像素/百分比 | 区块最大宽度 |
二、CSS 中浮动的使用
| 属性名称 | 属性值 | 说明 |
| float | none | 正常显示 |
| left | 左浮动 |
| right | 右浮动 |
| clear | none | 允许两边浮动 |
| clear | none | 允许两边浮动 |
| left | 不允许左边浮动 |
| right | 不允许右边浮动 |
| both | 不允许两边浮动 |
三、CSS 中定位的使用
| 属性名称 | 属性值 | 说明 |
| position | relative | 设置区块基准点为左上角 |
| absolute | 设置网页的为基准点左上角 |
| static | 无设置 |
| left | auto | 以基准点定位在左边 |
| 像素/百分比 | 定位在左边 |
| top | auto | 以基准点定位在上边 |
| 像素/百分比 | 定位在上边 |
| right | auto | 定位在右边 |
| 像素/百分比 | 定位在右边 |
| bottom | auto | 定位在下边 |
| 像素/百分比 | 定位在下边 |
| z-index | auto | 自动调整高度 |
| 数字 | 数字越大越往上层 |
四、CSS 中溢出的使用
| 属性名称 | 属性值 | 说明 |
| overflow | visible | 不剪切内容也不添加滚动条 |
| auto | 在必需时对象内容才会被裁切或显示滚动条 |
| hidden | 不显示超过对象尺寸的内容 |
| scroll | 总是显示滚动条 |
| overflow-x | (同上) |
|
| overflow-y | (同上) |
|
五、CSS 中滚动条的使用
| 属性名称 | 属性值 | 说明 |
| scrollbar-3dlight-color | 颜色/十六进制 | 滚动条亮边框 |
| scrollbar-highlight-color | 颜色/十六进制 | 滚动条3D 界面亮边 |
| scrollbar-face-color | 颜色/十六进制 | 滚动条3D 表面 |
| scrollbar-arrow-color | 颜色/十六进制 | 滚动条方向箭头 |
| scrollbar-shadow-color | 颜色/十六进制 | 滚动条3D 暗边 |
| scrollbar-darkshadow-color | 颜色/十六进制 | 滚动条暗边框 |
| scrollbar-base-color | 颜色/十六进制 | 滚动条基准颜色 |
| scrollbar-track-color | 颜色/十六进制 | 滚动条的拖动区域 |
