CSS学习笔记（4）定位/表格/滚动条

参考文献： 《HTML, CSS, JavaScript 整合详解》 王津涛 编著，机械工业出版社

 

1.     CSS定位属性，将元素放在页面的指定位置

定位属性	属性值	说明	CSS版本	兼容性
position	static relative absolute fixed	设置定位方式	CSS2	IE4 NS4 F1
bottom	auto % length	设置元素与其最近一个定位的父元素底边相关的位置	CSS2	IE5 NS6 F1
left	auto % length	设置元素与其最近一个定位的父元素左边相关的位置	CSS2	IE4 NS4 F1
right	auto % length	设置元素与其最近一个定位的父元素右边相关的位置	CSS2	IE4 NS4 F1
top	auto % length	设置元素与其最近一个定位的父元素顶边相关的位置	CSS2	IE4 NS4 F1
clip	rect auto	设置对象可视区域	CSS2	IE4 NS6 F1
overflow	visible hidden scroll auto	设置当前元素内容超过指定区域时如何处理内容	CSS2	IE4 NS6 F1
vertical-align	baseline sub super top text-top middle bottom text-bottom length %	垂直对齐方式	CSS1	IE4 NS4 F1
z-index	auto number	元素层叠顺序	CSS2	IE4 NS6 F1

①     position属性值：

l  static 遵循HTML定位规则

l  relative 相对定位，相对元素原来的位置进行移动，依赖left、top、right及bottom

l  absolute 绝对定位，元素位置完全依赖left、top、right以及bottom属性的指定

l  fixed 目前浏览器不支持

②     clip属性值：

l  rect 表示页面元素可视区域，以上右下左为顺序进行设置，注意不显示的部分依然占据空间，而且需要在position:absolute时属性才生效，如：