CSS 四大定位模式

190 篇文章 5 订阅 ¥199.90 ¥299.90
本文详细解析CSS的四种定位模式:静态、相对、绝对和固定定位。通过定位,元素可以在页面中自由移动并固定位置。相对定位相对于元素本身移动,绝对定位相对于最近的已定位祖先元素,固定定位则相对于浏览器窗口。学习定位的重点在于理解它们是否占有位置以及移动基准点,特别是‘子绝父相’的原则。此外,还介绍了粘性定位和定位的叠放次序z-index。
摘要由CSDN通过智能技术生成

我是表哥Harker,表妹我来咯~

上一篇浮动应该是很吃力的,还是多多复习,反复的思考,很多东西是固定的语法,你只能按照它的语法来,有些知识需要去牢记,就像写代码编程开发,语法固定,就看你怎么灵活去运用了,这一篇讲解CSS定位又是一个大头鬼!如果表妹们真的能学完这篇下来,你已经进入了新的境界了,你会发现新大陆,CSS原来还能这样玩!

 

CSS 定位

为什么需要定位 ?

  • 1. 某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子
  • 2. 当我们滚动窗口的时候,盒子是固定屏幕某个位置的

  • 以上效果,标准流或浮动都无法快速实现,此时需要定位来实现

所以: 

  • 1. 浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子 (行内块元素之间有缝隙)
  • 2. 定位则是可以
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

HarkerYX

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值