定位的五种方法

于 2021-09-21 16:47:35 发布
阅读量547 收藏
点赞数 2
文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hover_bug/article/details/120402306
版权
原代码效果图：静态定位 static：静态定位 默认定位不脱离文档流 效果图：相对定位 relative：相对定位不脱离文档流相对于原来的位置 效果图绝对定位 absolut：绝对定位脱离文档流相对于最近父级如果没有就默认以浏览器为父级 效果图： 一般给父级设一个相对定位就会解决脱离文档流问题，也就是父相子绝 效果图：...
摘要由CSDN通过智能技术生成

原代码

 

 

 

 

效果图：

 

 静态定位

  • static：静态定位 默认定位 不脱离文档流

最低0.47元/天 解锁文章
hidden bug
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值