CSS position定位之static
CSS position定位之static
1.static是position属性的默认值。
2.top、bottom、left、right、z-index 属性不起作用
3.元素和元素之间不会重叠,这个位置就是元素的默认位置
4.相邻元素都设置外边距,最终外边距=两者外边距中最大的
5.左右外边距设置auto,这个块水平居中
忽略 top, bottom, left, right 或者 z-index 声明,解释如下: absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 relative:生成相对定位的元素,相对于其正常位置进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。 static:默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。 inherit:规定应该从父元素继承 position 属性的值。 |
CSS position定位之static相关推荐
- 教你玩转CSS Position(定位)
目录 CSS Position(定位) static 定位 fixed 定位 relative 定位 absolute 定位 sticky 定位 重叠的元素 所有的CSS定位属性
- 【css】CSS position(定位)属性
一.CSS position(定位)属性 absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位.元素的位置通过 "left", "t ...
- css左边定位,CSS Position(定位) | 菜鸟教程
CSS Position(定位) position 属性指定了元素的定位类型. position 属性的五个值: 元素可以使用的顶部,底部,左侧和右侧属性定位.然而,这些属性无法工作,除非是先设定po ...
- CSS Position 定位
文章目录 CSS Position 定位 #1 说明 #1.1 什么是Position塌陷 #1.2 什么是文档流(normal flow) #2 开始 #2.1 position: static # ...
- 详解 CSS position定位的五种方式
position 属性规定应用于元素的定位方法的类型(static.relative.fixed.absolute 或 sticky). 常见的固定定位,例如手机端的导航,快捷按钮.例如本站的&quo ...
- CSS position(定位)属性
关于CSS position,来自MDN的描述: CSS position属性用于指定一个元素在文档中的定位方式.top.right.bottom.left 属性则决定了该元素的最终位置. 然后来看看 ...
- Canvas+html+css+position定位
定位Position样式 浮动毛病: 会让出文档流,会影响后面的元素的布局. 如果父元素是width:100%,没办法做到均分宽度和间隙,如果父元素是固定宽度情况,可以通过切蛋糕的方式进行计算. 概述 ...
- CSS position 定位知识细节
文章传送门:详解css定位与定位应用 position定位的定义: 在CSS中关于定位的内容是:position:relative | absolute | static | fixed static ...
- css - Position定位属性与层级关系
今天同事发现一个有意思的问题,关于position的层级关系的,他要不说我也没注意过 测试后果然有趣,有待深入研究: 1 <!DOCTYPE html> 2 <html> 3 ...
最新文章
- 【RHCA翻译计划】EX436第一章:集群存储概论2
- 对话机器学习大神Yoshua Bengio(上)
- python:将32位的16进制数据以二进制/hex/binary的形式写入到文件
- 【LeetCode】3月22日打卡-Day7
- 图形的装饰教案计算机,《电脑图案设计师》教案教学设计
- Effective Java学习笔记之第6条 消除过期的引用对象
- 《编码规范和测试方法——C/C++版》作业 ·005——设计一组员工类
- python编程是啥-python中type()是什么意思
- WordPress国外开源主题Enigma h1、h2、h3……标题不显示的解决办法
- 李想:“做正确的事,不做容易的事”
- 全球及中国生活用纸市场营销策略与盈利前景预测报告2022版
- html制作问卷调查,如何通过jQuery制作一个在线问卷调查
- SCI英语论文长难句攻略
- Linux中exec函数用法,linux exec用法总结
- Hibernate criterion 方法总结
- 使用机器人工具箱在matlab上进行六轴机器人(6R)运动学建模【个人简记】
- 白平衡一直标定不准的原因是什么?
- 强力推荐mac快速查看应用快捷键工具:键指如飞FlyKey
- 数据的存储(浮点型篇)
- Topsis模型小记
热门文章
- java io printwriter_Java中的Java.io.PrintWriter类| 1 - Break易站
- PYTHON FORMAT 简单讲解
- 多种时间格式转换,英文时间 (SimpleDateFormat, DateUtil)
- linux ulimit 调优
- 培训直播有什么优势和注意事项?
- (二)Python-tkinter桌面应用(桌面上的弹幕)
- Duilib SetVisible() 隐藏不掉控件的问题
- html点击显示隐藏判断,javascript如何判断div是否隐藏?
- 'Starting Tomcat v9.0 Server at localhost' has encountered a problem.
- 网络访问之HttpURLConnection