今天的内容包含CSS 中区块的使用、CSS 中浮动的使用、CSS 中定位的使用、CSS 中溢出的使用和CSS 中滚动条的使用。其中区块、浮动、定位和溢出基本都是做布局经常使用到的，下面就一一介绍给大家。
第五章 CSS 区块、浮动、定位、溢出、滚动条(图1)一、CSS 中区块的使用

属性名称属性值说明
width像素/百分比区块的宽度
height像素/百分比区块的高度
min-height像素/百分比区块最小高度
max-height像素/百分比区块最大高度
min-width像素/百分比区块最小宽度
max-width像素/百分比区块最大宽度



二、CSS 中浮动的使用

属性名称属性值说明
floatnone正常显示

left左浮动

right右浮动
clearnone允许两边浮动
clearnone允许两边浮动

left不允许左边浮动

right不允许右边浮动

both不允许两边浮动



三、CSS 中定位的使用

属性名称属性值说明
positionrelative设置区块基准点为左上角

absolute设置网页的为基准点左上角

static无设置
leftauto以基准点定位在左边

像素/百分比定位在左边
topauto以基准点定位在上边

像素/百分比定位在上边
rightauto定位在右边

像素/百分比定位在右边
bottomauto定位在下边

像素/百分比定位在下边
z-indexauto自动调整高度

数字数字越大越往上层



四、CSS 中溢出的使用

属性名称属性值说明
overflowvisible不剪切内容也不添加滚动条

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颜色/十六进制滚动条的拖动区域