前言：学过的好多知识经常是当时学会了、理解了，但是过一段时间不使用就会差不多忘记了，又要花费时间去重复学习。为了避免或者减少重复学习学过的知识，因此对学过的东西进行总结。本文基于“Absolute（绝对定位）与relative（相对定位）"展开，做出了部分修改和补充。

一、 定位方式

Position的属性值有：

1.     Absolute：绝对定位，是相对于最近的且不是static定位的父元素来定位

2.     Fixed：固定定位，是相对于浏览器窗口来定位的。是固定的，不会跟屏幕一起滚动。

3.     Relative：相对定位，是相对于其原本的位置来定位的。

4.     Static：默认值，没有定位。

5.     Inherit：继承父元素的position值。

二、absolute和Relative定位方式及其区别

由于absolute和relative定位方式，有相似之处并且易混易错，因此，放在一起比较介绍

初始代码如下所示：


http://www.taodudu.cc/news/show-6507387.html

相关文章：

  • 601111
  • 腾讯公司高层的QQ---马化腾
  • 腾讯微博 - QQ微博
  • 真假QQ
  • 腾讯QQ到底有多强大？
  • 腾讯QQ疑泄露用户身份证姓名！！（QQ推荐备注）
  • 6、电磁场与电磁波麦克斯韦方程组建立
  • 电磁场，麦克斯韦方程的好文章
  • 对麦克斯韦方程的理解－－１
  • 麦克斯韦的故事
  • 手机与基站如何互相识别？
  • 基站机房：保障通信网络稳定，如何解决安全隐患？
  • 了解软件测试职业以及发展定位
  • 风变人生设计：精准定位职业方向，轻松做出职业规划
  • 数据科学家定位和职业规划
  • 职业定位解析
  • 自我定位与职业规划（完结）
  • 职业定位
  • 测试工程师工作日常和职业定位
  • #188 猴子摘桃
  • 一颗枇杷树
  • Python：摘苹果
  • SWUSTOJ#148陶陶摘苹果
  • 2005-陶陶摘苹果
  • 枇杷文案，水果枇杷销售文案
  • nyoj 680 摘枇杷(二分+贪心)
  • 苹果摘陶陶
  • 攒了一冬的甜，米易枇杷借力新电商走出川西大山
  • 记一次在朋友圈里卖家乡特产枇杷的经历
  • 摘枇杷（最大值最小化）

决定定位和相对定位的区别相关推荐

  1. css导航栏固定顶部两种情况,及绝对定位，相对定位，固定定位和粘性定位的特性及区别

    绝对定位,相对定位,固定定位和粘性定位的特性及区别,我整理一下放在文章最下面了,不用死记硬背,理解一下就ok,需要的话可以看看. 当导航栏头部没有别的模块时,想要滑动过程中导航栏一直在顶部,有两种写法 ...

  2. CSS中绝对定位和相对定位的区别及作用

    CSS中绝对定位和相对定位的区别及作用 针对定位的区别及使用我整理一些方法 一.绝对定位 二.相对定位 三.绝对定位与相对定位的区别 四.绝对定位与相对定位的使用 结语 针对定位的区别及使用我整理一些 ...

  3. CSS中，position的绝对定位和相对定位的区别

    CSS中,position的绝对定位和相对定位的区别 1.position的四个值:static.relative.absolute.fixed 绝对定位:absolute和fixed统称为绝对定位 ...

  4. css定位（相对定位和绝对定位）

    文章目录 前言 一.定位是什么? 二.如何开启定位 1.相对定位 2.绝对定位 总结 前言 随着前端课程的学习,我们从浮动来到了定位,同样都是布局所需要用到的方法,那么有什么区别呢?设置定位又有什么要 ...

  5. CSS 元素的定位之相对定位 position: relative

    在CSS中,通过 position属性来对元素进行定位,可选的定位类型有 static | relative | absolute | fixed,默认值为 static,表示没有定位,元素保持在它原 ...

  6. css/html 定位 绝对定位/相对定位

    布局:文档流,margin,浮动,定位···· 定位:一种高级的布局的方式.你可以将任何的元素,放在页面任意的位置 学习定位:如何开启,开启后特点 position样式名, 可选值: static 默 ...

  7. 防爆定位信标与防爆定位基站有什么区别？

    防爆定位信标与防爆定位基站都是组成人员定位系统的硬件设备.一套完整的人员定位系统由硬件设施和软件系统组成,其中硬件设施包括人员定位卡.防爆定位信标和防爆定位基站. 在大数据.信息化时代,基于蓝牙+Lo ...

  8. CSS中固定定位、相对定位、绝对定位以及flex布局高效定位

    CSS中固定定位.相对定位.绝对定位以及flex布局高效定位 一.固定布局 将元素固定到一个位置,不管屏幕怎样移动,元素的位置不移动. <style>body {height: 3000p ...

  9. CSS元素的定位（相对定位、绝对定位、固定定位、粘滞定位）

    目录 元素的定位 相对定位 绝对定位 固定定位 粘滞定位 绝对定位的布局 元素的定位 相对定位 当元素的position属性值设置为relative时则开启了元素的相对定位. 相对定位的特点: 1.元 ...

最新文章

  1. linux 获取内核线程数,如何从命令行获取Linux中的CPU /内核数量？
  2. Latex 设置文字大小
  3. 小米国际电商业务总经理赵程：电商人才的心路旅程
  4. redis性能9个checklist和实操
  5. php 比较2个数组,比较2个数组中的2个数组值Php
  6. 使用腾讯云发送短信API接口实现（完整流程）
  7. SpringBoot版本：1.5.12.RELEASE 文件大小限制异常拦截网关zuul报错
  8. 控件：DataGridView列类型
  9. 基于springMVC的汉字与数学计算的图片验证码
  10. HTML5_05之SVG扩展、地理定位、拖放
  11. Exchange 2007（一）03R2域控升级到2008R2
  12. 35岁不是职场的终点，而是人生的起点
  13. JavaScript浮点运算的问题
  14. 计算机网络中处理通信控制功能的是,在计算机网络中处理通信控制功能的计算机是（)。A.通信线路B.终端C.主计算机D.通信控制处理机...
  15. 计算机英语 book,book是什么意思_book在线翻译_英语_读音_用法_例句_海词词典
  16. mysql 对视图的操作_Mysql中关于视图操作的详解
  17. 记：数据库课程设计（一）
  18. 微信公众号 卡券 addCard 签名错误 踩坑记录
  19. 树莓派浏览网页，显示无法打开此网址
  20. 在线教育是否能完美结合直播授课与短视频呢？

热门文章

  1. 《天龙八部3D》Unity技术方案揭秘
  2. 【项目精选】基于Java的模拟写字板的设计与实现（视频+论文+源码）
  3. 高职计算机应用与信息检索,高职计算机应用主题式教学模式实践
  4. java组合框单位换算_Visual C++开发实战1200例（第Ⅰ卷）
  5. 【行研资料】2020Q4上海甲级写字楼市场报告2021——附下载
  6. LeetCode俄罗斯套娃信封问题
  7. 常见花材的固定的方法有哪些_【花材固定的方法有哪些】最新花材固定的方法有哪些_中国鲜花网...
  8. 送50本 Python、数据库、java方面的书，包邮给你！
  9. 编写程序，输入百分制成绩，输出其对应的成绩等级。90~100分对应A等， 80~89对应B等，70~79对应C等，60~69对应D等，0~59对应E等。
  10. 比较好的python线上培训班