当前位置: 首页 > 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 回归测试
  • 特色业务多点开花,苏州银行擦亮金融为民底色
  • 小米回应SU7Ultra排位模式限制车辆动力:暂停推送更新
  • 两次蹚入同一条河,巴萨这一晚被命运抛弃
  • 五一多城楼市火热:北京新房网签量同比翻倍,上海热门楼盘认购接连触发积分
  • 侯麦:从莫扎特到贝多芬
  • 三百余英国王室藏品,一览爱德华时代的优雅