码迷,mamicode.com
首页 > Web开发 > 详细

CSS基础——position位置属性

时间:2018-03-23 10:25:56      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:div   技术   固定   z-index   浏览器   bsp   9.png   技术分享   基础   

技术分享图片

技术分享图片

 

 

relative:相对布局,相对自身进行偏移,并且保留原有位置。

absolute:绝对布局,相对容器进行偏移,不保留原有位置。注意:容器必须设置position为relative或absolute,如果没有相对body偏移。

   同一行中absolute会对 inline-block 有影响,具体是将原来顶部对齐,变成底部对齐。这时用float不会有影响。

 

fixed:固定布局,相对浏览器窗口位置固定,没有任何依赖感。

static:position的默认值。

z-index:重叠时设置层次,值大的在上面。

CSS基础——position位置属性

标签:div   技术   固定   z-index   浏览器   bsp   9.png   技术分享   基础   

原文地址:https://www.cnblogs.com/yz9110/p/8628277.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!