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

CSS中固定定位

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

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

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

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

参考他的视口

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

3.固定定位元素的特点

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

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

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

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

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

http://www.dtcms.com/a/65790.html

相关文章:

  • 【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 回归测试
  • 电子电气架构 --- 智能电动汽车的品牌竞争转变
  • JVM之Arthas的jvm命令
  • OpenCV(应用) —— 凸包检测的实战应用
  • 新鲜速递:OpenAI-Agents-Python:构建智能代理系统的轻量级框架
  • Blueprint —— 蓝图的使用
  • c++之STL库
  • .net 6程序在IIS中部署后点击IIS设置报错“执行此操作时出错”
  • 优化用户体验:关键 Web 性能指标的获取、分析、优化方法
  • Vue项目搜索引擎优化(SEO)终极指南:从原理到实战
  • SpringBoot第二天