CSS的position属性怎么用

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

创新互联公司专注于企业成都全网营销推广、网站重做改版、道县网站定制设计、自适应品牌网站建设、H5开发商城网站定制开发、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为道县等各大城市提供网站开发制作服务。

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

position 属性值的意思:

  • static

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

  • relative

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

  • absolute

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

  • fixed

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

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

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


当前名称:CSS的position属性怎么用
URL网址:http://azwzsj.com/article/gcisod.html