16-CSS区块、浮动、定位、溢出、滚动条

1. CSS中区块的使用

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

2. CSS中浮动的使用

属性名称	属性值	说明
float	none	正常显示
	left	左浮动
	right	右浮动
clear	none	允许两边浮动
	left	不允许左边浮动
	right	不允许右边浮动
	both	不允许两边浮动

3. CSS中定位的使用

属性名称	属性值	说明
position	relative	生成相对定位的元素，相对于其正常位置进行定位。元素的正常位置仍被占用
	absolute	生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
	fiexed	生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行定位。
	static	默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
	inherit	规定应该从父元素继承 position 属性的值。
left	auto	元件左边不移动
	像素/百分比	以基准点为参考移动左边
top	auto	元件上边不移动
	像素/百分比	以基准点为参考移动上边
right	auto	元件右边不移动
	像素/百分比	以基准点为参考移动右边
bottom	auto	元件下边不移动
	像素/百分比	以基准点为参考移动下边
z-index	auto	自动调整层
	数字	数字越大越往上层

4. CSS中溢出的使用

属性名称	属性值	说明
overflow	visible	不剪切内容也不添加滚动条
	auto	在必需时对象内容才会被剪切或显示滚动条
	hidden	不显示超过对象尺寸的内容
	scroll	总是显示滚动条
overflow-x	(同上)
overflow-y	(同上)

5. CSS中滚动条的使用

只有ie浏览器支持滚动条属性

属性名称	属性值	说明
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	颜色/十六进制	滚动条的拖动区域