CSS的常用属性（三）
2024-10-01 03:45:56
静态定位
position: static (默认) 标准流
绝对定位
position: absolute
特点：
- 元素使用绝对定位之后，不占据原来的位置（脱标）
- 元素使用绝对定位，位置是从浏览器出发
- 嵌套的盒子，父盒子没有使用定位，子盒子使用绝对定位，子盒子位置是从浏览器出发
- 嵌套的盒子，父盒子使用定位，子盒子绝对定位，子盒子位置是从父元素出发
- 行内元素使用绝对定位，转化成行内块元素
注意： 使用绝对定位的元素可以覆盖到其他元素上面，使用z-index属性来控制堆放次序
相对定位
position: relative
特点：
- 使用相对定位，位置从自身出发
- 还占据原来的位置
- 行内元素使用相对定位，不能转成行内块元素
补充： 常用的定位方式为子绝父相（子元素绝对定位，父元素相对定位）
固定定位
position: fixed
特点：
- 位置从浏览器出发
- 固定定位之后，不占据原来的位置（脱标）
- 元素使用固定定位，会转化成行内块元素
隐藏元素
overflow: hidden 溢出隐藏
visibility: hidden 隐藏元素(隐藏之后还占据原来位置)
display: none 隐藏元素(隐藏之后不占据原来的位置)
补充：内容移除：text-indent: -5000em 或者 将元素高度设置为0，使用内边距将盒子撑开，给盒子使用overflow: hidden
元素垂直对齐方式
vertical-align: baseline 设置元素的垂直对齐方式
baseline(默认) 元素放置在父元素的基线上
text-top 把元素的顶端与父元素字体的顶端对齐
text-bottom 把元素的底端与父元素字体的底端对齐
middle 把此元素放置在父元素的中部
最新文章
- 手把手教你玩转nginx负载均衡（二）----安装虚拟机操作系统
- 让shell脚本在后台飞
- MongoDB中的连接池
- PADS Layout怎样放置间距一样的同一种元件
- Android编程 获取网络连接状态 及调用网络配置界面
- Ubuntu下的截图工具
- 蓝桥网试题 java 基础练习 十六进制转八进制
- Windows文件路径转换为java中可识别的文件路径的转义方法，（另附转义多种格式）
- eclipse tomcat add时提示The Tomcat server configuration at \Servers\Tomcat v6.0 Server at localhost-
- linux学习（十）find命令、Linux文件后缀名、Linux和windows文件互传
- 查看.ssh文件在哪
- type=file的inpu美化，自定义上传按钮样式
- 【Python开发】Python中数据分析环境的搭建
- bzoj1226/luogu2157 学校食堂 (状压dp)
- Pycharm调试：进入调用函数后返回
- GCD XOR(UVa 12716)
- JAVA程序调试
- 桌面应用开发之WPF页面导航
- bzoj 1295 最长距离 - 最短路
- 大数据平台的技术演化之路 诸葛io平台设计实例