DIV-CSS布局详解之定位

通过清心醉

DIV-CSS布局详解之定位

属性名:position

属性值:static(默认)/absolute(绝对)/fixed(固定)/relative(相对)

属性说明:设置对象的定位方式,取值为absolute表示对象脱离文档流动,根据游览器、具有定位功能的父元素或特殊父元素的左上角的坐标原点来定位;取值为fixed表示不受任何网页影响,根据游览器左上角进行定位,定位之后在窗口中的显示位置就被固定,不随滚动条而滚动;取值为relative表示以文档流动中的当前对象自身位置为坐标原点进行定位。

 

#########################################

属性名:z-index

属性值:auto(自动)/number(数字)

属性说明:设置对象层叠顺序,取值越大,显示越靠上,此属性仅作用于position属性值设置为relative或absolute的元素有效

#########################################

属性名:top

属性值:auto(自动)/length(高度)

属性说明:设置对象与其最近一个具有定位属性的上级元素顶边框的距离,该属性仅在定位(position)属性被设置时可用,否则忽略

#########################################

属性名:right

属性值:auto(自动)/length(高度)

属性说明:设置对象与其最近一个具有定位属性的上级元素右边框的距离,该属性仅在定位(position)属性被设置时可用,否则忽略

#########################################

属性名:bottom

属性值:auto(自动)/length(高度)

属性说明:设置对象与其最近一个具有定位属性的上级元素底边框的距离,该属性仅在定位(position)属性被设置时可用,否则忽略

#########################################

属性名:left

属性值:auto(自动)/length(高度)

属性说明:设置对象与其最近一个具有定位属性的上级元素左边框的距离,该属性仅在定位(position)属性被设置时可用,否则忽略

 

关于作者

清心醉 administrator

发表评论

如果喜欢作者的文章,您可以打赏给作者:

TRC20(虚拟货币):


ERC20(虚拟货币):


Bitcoin(BTC):