今天学习css3 position

来源:互联网 发布:前端数据可视化 编辑:程序博客网 时间:2024/06/02 00:51

定义和用法


position属性规定元素的定位类型。

说明


这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。


默认值:static继承性:no版本:CSS2JavaScript语法:object.style.position="absolute"

可能的值

值描述absolute生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。
元素的位置通过“left”,“top”,“right”以及“bottom”属性进行规定。fixed生成绝对定位的元素,相对于浏览器窗口进行定位。
元素的位置通过“left”,“top”,“right”以及“bottom”属性进行规定。relative生成相对定位的元素,相对于其正常位置进行定位。
因此,“left:20”会向元素的left位置添加20像素。static默认值。没有定位,元素出现在正常的流中(忽略top,bottom,left,rifht或者z-index声明)inherit规定应该从父元素继承position属性的值。

原创粉丝点击