温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

CSS的position属性怎么用

发布时间:2022-03-02 14:01:04 来源:亿速云 阅读:143 作者:小新 栏目:web开发

这篇文章将为大家详细讲解有关CSS的position属性怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

经过使用 position 属性,我们可以选择 4 种差距类型的定位,这会影响元素框天生的方法。

position 属性值的意思:

  • static

  • 元素框畸形生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会竖立一个或多个行框,置于其父元素中。

  • relative

  • 元素框偏移某个距离。元素仍坚持其不决位前的形态,它原本所占的空间仍保留。

  • absolute

  • 元素框从文档流彻底删除,并相关于其涵概块定位。蕴含块多是文档中的另外一个元素也许是初始蕴含块。元素原先在畸形文档流中所占的空间会开启,就犹如元素原来不存在同样。元素定位后生成一个块级框,而岂论原来它在畸形流中生成何种类型的框。

  • fixed

  • 元素框的显示类似于将 position 设置装备摆设为 absolute,不外其包含块是视窗自身。

暗示:相对于定位现实上被看作普通流定位模子的一部份,因为元素的位子绝对于它在普通流中的位子。

关于“CSS的position属性怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI