复习position定位

最新推荐文章于 2022-12-20 19:17:20 发布
最新推荐文章于 2022-12-20 19:17:20 发布
阅读量264 收藏
点赞数 1
分类专栏： 前端开发 文章标签： css 文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/haidong55/article/details/52939046
版权

position定位有四种：static,relative,absolute,fixed.

1.static,默认定位，忽略z-index,top,left,right,bottom

2.relative,相对定位，元素偏离，保留空间，可通过z-index,top,left,right,bottom定位

3.absolute,绝对定位，脱离文档流，会覆盖其他元素，相对于最近的“定位”祖先元素定位。可通过z-index,top,left,right,bottom定位

4.fixed,固定定位，通过浏览器窗口定位.


去成华大道走二仙桥
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
全面剖析CSS Position定位
09-24
帮助大家全面剖析了CSS Position定位，CSS Position前端必学必会的内容，感兴趣的小伙伴们可以参考一下
css position 定位
01-19
如果下面的文字实在是无法理解透，那就记住这节课最后总结的一句话“如果用position来布局页面，父级元素的position属性必须为relative，而定位于父级内部某个位置的元素，最好用absolute，因为它不受父级元素的...
【CSS复习】position定位
羊羊羊羊羊羊羊的博客
08-04 282
position position属性 用于指定一个元素在文档中的定位方式。 top，right，bottom 和 left 属性则决定了该元素的最终位置。 任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。 相对定位元素会相对于它在正常流中的默认位置偏移。 属性值 static | relative | absolute | sticky | fixed 属性值 含义 static 该关键字指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位
CSS定位position定位问题
杰希默克的博客
09-03 644
css基础知识中，定位是最重要的一项。现在整理一下定位的相关知识，留作以后复习用。 css定位机制有三种：普通流、浮动和定位。 普通流：普通流中元素框的位置由元素在HTML文档中的位置决定。块级元素从上到下依次排列，块级元素的垂直距离由垂直方向的margin计算得到。行内元素在一行之中水平放置。 浮动：浮动框可以左右移动，直到它的外边框接触到包含框边缘或其他浮动框边缘。浮动框脱离普通流。 定
css 复习-position定位
雨夜幕雨
04-08 679
Static 定位HTML元素的默认值，即没有定位，元素出现在正常的流中。 静态定位的元素不会受到top, bottom, left, right影响。Fixed 定位HTML元素的默认值，即没有定位，元素出现在正常的流中。 静态定位的元素不会受到top, bottom, left, right影响。Relative 定位相对 于该元素的正常显示位置 可以移动的相对定位元素的内容和相互重叠的元
css中的position定位
Hello，陌生人^o^。遇见你真好...
07-15 434
在复习position定位属性，看到一篇介绍很棒的文章，所以转载记录一下。原文章地址点击跳转。 今天给大家分享一下，深度思考中的知识点——position定位有哪几种?各有什么特点? 一、背景介绍 position是CSS中非常重要的一个属性，通过position属性，我们可以让元素相对于其正常位置，父元素或者浏览器窗口进行偏移。 二、知识剖析 position概念： CSS的很多其他...
通过position定位实现div底端对齐
09-25
主要介绍了通过position定位实现div底端对齐，感兴趣的朋友可以参考下
简明CSS定位属性position
09-25
POSITION属性用来决定元素在页面上的位置，其定位属性有多个，下面一一为大家介绍下，希望大家在使用过程中可以用到
【Vue】Vue、element-ui的resetFields()方法重置表单无效问题及解决办法
热门推荐
徐海东的博客
05-23 4万+
问题： 使用this.$ref['form'] .resetFields()无法重置表单项 原因： 1.没有给表单添加ref属性 <el-form ref="form"></el-form> 2.表单项el-form-item没有添加prop属性，prop属性需要与input框绑定的属性一致 <el-form ref="form" :model="si...
【webpack】jsencrypt加密报错：JSENCRYPT_VERSION is not defined问题解决方法
徐海东的博客
02-20 8452
在没有更新jsencrypt版本号的情况下，打包后项目控制台突然出现JSENCRYPT_VERSIONisnotdefined 出现问题的原因 1.没有锁定版本号,^version代表兼容某个版本，版本号中最左边的非0数字的右侧可以任意，例如项目用的是"jsencrypt":"^3.0.0-rc.1",打包的时候会去拉取最新的3.0.0或者3.0.1版本的jsencrypt 2.jsencrypt最新版本更新可能出现了bug，没有向下兼容 去npm找到jsencrypt依赖，最近更新几...
如何把URL传过来的参数进行解析
徐海东的博客
06-06 3505
function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if(url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&")
【网络工程】如何本地调试微信公众号开发教程（Nginx代理方法）
徐海东的博客
12-20 2674
微信公众号网页调试的时候，必须通过微信公众号后台备案配置的域名才能进行访问。有时候开发者调试时都是打包了前端代码上传到服务器后再调试，这样效率未免会很低。我们可以使用代理的方式去实现本地调试。目的：通过Nginx代理实现本地调试微信公众号
CSS3实现逐帧动画
徐海东的博客
10-31 2283
实现逐帧动画一般用的图片 是雪碧图 CSS3实现的方法是 添加animation.n { width: 75px; height: 75px; background-image: url(../img/shu6.jpg); background-size: 75px; /*infinite 指无限次循环 ,alternate指播放后反向 */
visiblity hidden和display none之间的区别
徐海东的博客
10-17 1427
visiblity :hidden,占据文档空间，无法点击 display:none,不占据文档空间，无法点击
【Git】Git commit message的自我修养（规范化）
徐海东的博客
10-28 1202
Git commit 的介绍 从git官网我们可以知道Git commit作用是记录对仓库的修改 在日常开发中，使用Git命令最多的应该就是Git commit ，然而书写规范的commit message能够提高开发人员的代码维护升级效率，在能快速方便排查问题。那么commit message的规范就十分重要了 Git commit message的规范 目前使用比较多的规范是Ang...
【webpack】记webpack、gulp打包与jenkins部署遇到的几个问题
徐海东的博客
09-17 1159
jenkins构建日志报错找不到对应node版本的依赖 原因： 构建环境升级了node环境，但是缓存了依赖，此时项目构建找不到新版本node的依赖 解决办法： 清除该项目的工作空间，即可重新拉取 jenkins构建日志报错 拉取node-sass失败 原因： 项目的package-lock.json 锁定了版本号以及地址，从npm拉取失败，导致无法从淘宝镜像拉取相应的依赖...
[小程序开发（一）] 踩坑总结——用户授权
徐海东的博客
07-09 1110
1.用户授权在开发小程序的前段时间，微信刚好升级了小程序接口。“获取 wx.getUserInfo 接口后续将不再出现授权弹窗”，只能通过让用户点击button的方式发起授权。升级的原因是要在某些时候需要用到数据时才让用户授权而不是一进去就授权。。。参考文档：https://developers.weixin.qq.com/blogdetail?action=get_post_info&amp;l...
【JavaScript】数组 遍历方法是如何遍历稀疏数组
徐海东的博客
06-04 724
常用的遍历方法除了for循环，还有forEach、map、for of、filter、every、some、reduce、find 1.forEach 方法对数组的每个元素执行一次给定的函数 用法：依次向 callback 函数传入三个参数：数组当前值，数组当前项的索引，数组对象 arr.forEach(callback(currentValue [, index [, array]])) 需要注意的是 forEach()在被调用时不会改变原数组，尽管 callback 函数在被调用时可能会改
元素position定位
最新发布
07-28
元素的position属性用于定义元素在文档中的定位方式。常见的取值有： 1. static（默认值）: 元素按照正常的文档流进行定位，不会受到top、bottom、left、right等属性的影响。 2. relative: 元素相对于其正常位置...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值