006 Python前端之定位

本文探讨了Python前端中的定位属性,包括绝对定位和相对定位的区别,解析了包含块的重要概念及其作用。同时,讲解了如何利用定位使元素在窗口中水平和垂直居中,还介绍了命名锚点链接的使用以及滚动条的应用技巧。
摘要由CSDN通过智能技术生成

position定位属性

position:检索对象的定位方式

各属性值的作用:

static:默认值。位置设置为 static 的元素会正常显示,
它始终会处于文档流给予的位置(static 元素会忽略任何 topbottomleftright 声明)。

absolute:相对于父级元素的绝对定位,浮出、
脱离文档流,它不占据空间,就是我们所说的层,
其位置相对于最近的已定位父元素而言的位置,
若父级都没有定位,则以html(根元素)
可直接指定 “left”、“top”、“right” 
以及 “bottom” 属性。。(层叠的顺序z-index:value)

relative:是相对于默认位置的偏移定位,
通过设置left、top、right、bottom值
可将其移至相对于其正常位置的地方
(相对于自己的开始的位置发生的位置上的移动,
【不会破坏正常的布局流】

fixed:相对浏览器的绝对定位,是相对于浏览器窗口
的指定坐标进行定位。此元素的位置可通过
"left""top""right" 以及"bottom"
属性来规定。不论窗口滚动与否,元素都会留在那个位置。

绝对定位和相对定位的区别

1、参照物不同,绝对定位的参照物是包含块(已定位的父元
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值