描述
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 属性的值。

relative主要为了定位子元素使用

fixed则总是以body定位 不受父元素影响

转载于:https://www.cnblogs.com/ProDoctor/p/6984845.html

css定位positon相关推荐

  1. CSS定位布局display/float/position属性之间的关系/区别和如何使用取值行为机制

    float: left|right; 可以自动排列自动折行, 但需要clear来配合清除浮动; display: inline-block; 有些时候可以替代float实现相同的效果. positio ...

  2. python-selenum3 第五天定位——不常用定位与css定位详

    使用tag来定位 tag定位的是标签,不常用 例如:百度的输入框标签是input 最终会报错,因为百度首页input标签太多了 driver = webdriver.Firefox(executabl ...

  3. CSS 定位 (Positioning)

    CSS 定位 (Positioning) 属性允许你对元素进行定位. CSS 定位和浮动 CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多 ...

  4. css位置布局,CSS定位布局相关

    本文档包括CSS的 样式 定位 框模型 如果文档比较长,那么当文档向下滚动时,背景图像也会随之滚动.当文档滚动到超过图像的位置时,图像就会消失. 您可以通过 background-p_w_upload ...

  5. css定位页面元素,页面元素定位-CSS元素基本定位

    基本定位 """属性定位 一 """ # #通过id # driver.find_element_by_css_selector(" ...

  6. CSS定位(postion)和移动(float)

    5.定位和移动: Positioning(定位) CSS定位属性允许你为一个元素定位.它也可以将一个元素放在另一个元素后面,并指定一个元素的内容太大时,应该发生什么. 元素可以使用的顶部,底部,左侧和 ...

  7. 1、CSS 定位 (Positioning)

    position 属性指定了元素的定位类型. CSS 定位属性 属性 描述 position 把元素放置到一个静态的.相对的.绝对的.或固定的位置中. top 定义了一个定位元素的上外边距边界与其包含 ...

  8. Selenium自动化中DOM,XPATH,CSS定位Web页面对象的优劣性分析

    加速IE浏览器自动化执行效率:Selenium自动化中DOM,XPATH,CSS定位Web页面对象的优劣性分析 1.技术背景       在Web应用中,用户通过键盘在输入框中输入值和鼠标点击按钮,链 ...

  9. css 定位连线_CSS Position(定位)

    CSS Position(定位) CSS position属性用来指定元素如何在页面上定位,CSS Position(定位)的方式有以下几种:静态定位(static),绝对定位(absolute),相 ...

最新文章

  1. boot spring 没有父子容器_Spring父子容器问题
  2. python运行一个项目_Django 项目创建到启动(最全最详细的第一个项目)
  3. java 线程栈空间_java线程的内存不包含在JVM堆与栈中
  4. txt文件可存储最大值_403元可存储22.5TB文件 Quantom LTO-7磁带开售
  5. bootstrap-table全选当前页所有数据checkAll
  6. html 如何实现一条竖线边上有 刻度_Android H5交互Webview实现localStorage数据存储
  7. JavaScript HTML5脚本编程——“跨文档消息传递”的注意要点
  8. 【ML小结4】深入了解SVM
  9. Python-ZFJObsLib完美生成iOS垃圾代码
  10. 【Vue】postman汉化教程 保姆级教程 包教会
  11. 66个求职应聘技巧性问答(六)
  12. Maven中的pom.xml文件超详细解析
  13. nodejs项目(基于Express)——为上传的图片贴上国旗图标(使用gm)并返回图片位置
  14. Redhat_rhel8.0_DNS服务搭建步骤
  15. (Modern Family S01E01) Part 4  PhilClaire  Luke射Alex / Haley邀请Dylan
  16. 【AIX】AIX中级试题
  17. c语言欢迎界面程序设计,C语言程序设计报告
  18. 树模型:决策树、随机森林(RF)、AdaBoost、GBDT、XGBoost、LightGBM和CatBoost算法区别及联系
  19. 诊所数字化:诊所医护人员绩效指标评估方式
  20. C++中对字符串的操作

热门文章

  1. win7讲述人修复_揭秘:干掉了win7!为何win10屡被吐槽它却“永世留芳”
  2. 传输层协议TCP和UDP的区别
  3. nested exception is org.springframework.beans.factory.BeanCurrentlyInCreationException(Spring循环依赖问题)
  4. 待遇 新时达机器人_践行中国制造2025:工业机器人企业突围之路
  5. 网络知识:交换机中的半双工与全双工知识笔记
  6. SQL数据库面试题以及答案!
  7. 收集程序员的几幅对联
  8. 工程图样中粗实线的用途_图纸天天画,粗实线和细实线的线宽比例是多少?2:1还是3:1?...
  9. html自动滑动轮播代码,html+css+js 实现自动滑动轮播图
  10. ux和ui_UI和UX设计师的10种软技能