当前位置: 首页 > news >正文

CSS中固定定位

1.如何设置为固定定位?

给元素设置position: fixed 即可实现固定定位.

可以使用left, right, top ,bottom 四个属性调整位置

2.固定定位的参考点在哪里?

参考他的视口

视口-->对于PC浏览器来说,视口就是我们看网页的那扇"窗户".

3.固定定位元素的特点

1.脱离文档流,会对后面的兄弟元素,父元素有影响.

2.letf不能和right一起设置,topbottom不能一起设置;

3.固定定位和浮动不能同时设置,如果同时设置,浮动失效,以固定定位为主.

4.固定定位的元素,也能通过margin调整位置,但不推荐这样做

5.无论是什么元素(行内,行内块,块级)设置为固定定位之后,都变成了定位元素.

相关文章:

  • 【16】简单文本分类【词嵌入、文本向量化、文本分类模型】
  • 网络爬虫相关
  • pytest+allure+jenkins 实现接口自动化测试
  • 零成本搭建Calibre个人数字图书馆支持EPUB MOBI格式远程直读
  • 基于boss直聘的招聘数据可视化分析平台-Flask+html
  • 【音视频】ffmpeg中AVpacket解析NALU总结
  • UI自动化:poium测试库使用文档
  • MySQL增删改查操作 -- CRUD
  • BMP180中文手册解读:在 BOOSTXL-SENSHUB 开发板中的应用解析
  • 程序化广告行业(10/89):价值、发展阶段与未来展望
  • PA2203A IntegraVision 功率分析仪
  • HOT100——链表篇Leetcode160. 相交链表
  • 基于SpringBoot+Vue的在线自主学习平台设计与实现
  • SSM基础专项复习6——Spring框架AOP(3)
  • Appium高级操作--ActionChains类、Toast元素识别、Hybrid App操作、手机系统API的操作
  • 【前端动态列表渲染:如何正确管理唯一标识符(Key)?】
  • 前端面试:axios 是否可以取消请求?
  • Linux下部署前后端分离项目
  • Java Class类文件结构
  • 如何在 PostgreSQL 中运行 TLS 回归测试
  • 青年如何打破“千人一面”,创造属于自己的文化观?
  • 视频丨伊朗阿巴斯港一处油罐发生高强度爆炸:造成大面积破坏,伤亡不明
  • 政治局会议深读|首提“持续巩固房地产市场稳定态势”,楼市政策还有哪些优化空间
  • 安徽铁塔再通报“会议室不雅行为”事件:涉事员工停职检查
  • 68岁民营科技企业家、中国环保产业协会原副会长宋七棣逝世
  • 上海小朋友喜欢读什么书?来看这份“少年儿童阅读报告”