CSS-定位属性

CSS-定位属性,第1张

CSS-定位属性 Css学习——定位属性
  • 定位可以看作是一种分层,通过对页面中的各种元素进行定位,可以将某些元素放到其他元素的上层,并在浏览器的窗口中设置这些元素的具体位置。


  • position属性以及Css所提供的4中定位类型:static、relative、absolute和fixed。


  • 偏移属性top、right、bottom和left,以及使用它们将元素放置在Web页面中的特定位置的方式。


  • z-index属性以及使用该属性对文件中的元素进行分层。


  • 定位的实际使用,例如多栏布局和垂直居中定位元素。


    属性     值 position     static|relative|absolute|fixed 初始值:static top <length>|<percentage>|auto 初始值:auto right <length>|<percentage>|auto 初始值:auto left <length>|<percentage>|auto 初始值:auto bottom <length>|<percentage>|auto 初始值:auto
  • 绝对定位的元素会被放置到屏幕上的指定位置,具体来说是浏览器视口中的特定位置,视口即所呈现文档的可见区域。


  • 相对定位类似于静态定位;但应用相对定位的元素不脱离文档流。


    相对定位的元素可以用作包含在该元素中的绝对定位的参考点;相对定位的元素可以通过使用偏移量来调整位置;相对定位元素可以在z轴上具有相应的位置

  • 固定定位用于将元素保持在同一固定位置,即使文档滚动也是如此。


    无论是否被包含在应用了相对定位或绝对定位的元素中,固定定位的元素总是相对于视口进行定位。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/zaji/587126.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-12
下一篇 2022-04-12

发表评论

登录后才能评论

评论列表(0条)

保存