【说站】CSS中有哪些定位的方式
2023-06-13 09:13:23 时间
CSS中有哪些定位的方式
1、在静态定位的情况下,每个元素都处于常规文档流中。他们都是块元素,所以会从上到下堆叠在页面上。
position: static;
2、相对定位相对于文档流中的原始位置(或默认位置)
元素原始位置的空间仍然保持不被占用,元素移动到页面的其他位置,元素在新位置响应事件。
position: relative;
3、绝对定位下,元素从文档流中被“连根拔起”,然后再相对于其他元素(在这里,是默认的定位上下文 body)定位。
position: absolute;
4、固定定位元素的定位上下文是视口(浏览器窗口或手持设备的屏幕),所以不会随着页面的滚动而移动。固定定位适合悬浮标签效果,页面滚动时总是悬浮在特定位置。
position: fixed;
以上就是CSS中的4种定位方式,希望对大家有所帮助。
相关文章
- css定位差异特点
- css 定位差异特点
- 结构化PLP-SLAM:单目、RGB-D和双目相机使用点线面的高效稀疏建图与定位方案
- 【前端就业课 第二阶段】CSS 零基础到实战(04)定位
- css绝对定位的参照物是什么_css 清除上定位
- CSS 换行_css不允许换行
- 软件测试|selenium css定位
- 【CSS教程】紫色渐变登陆布局html+css代码
- 【Android 逆向】Android 逆向基本概念 ( 定位内存中的修改点 | 基址寻址法 | 搜索定位法 )
- HTML&CSS精选笔记_浮动与定位详解编程语言
- The Shapes of CSS(css的形状)详解编程语言
- GCC定位库
- CSS 定位样式
- MySQL登陆系统CSS实现一键登录(css mysql登陆)
- Redis空间位置变更实时定位变化(redis频繁更新位置)
- Redis缓存配合索引,加快数据定位速度(redis缓存加索引)
- php压缩多个CSS为一个css的代码并缓存
- Android三种GSM手机定位技术分析
- 如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
- JS弹出层单纯的绝对定位居中示例代码
- Android实现GPS定位代码实例