定位

作者: likeli | 来源:发表于2017-08-25 19:07 被阅读0次

今天韩老师主要给我们讲了position的用法,通过今天的学习对定位有了更深的了解,下面就详细的介绍一下position的几种重要的定位

定位:position: relative | absolute | fixed

1、 相对定位:position:relative; 相对元素的当前位置偏移,不会改变元素的默认表现,主要用于绝对定位的组合,帮助绝对定位元素确定坐标

2、绝对定位:position:absolute;  定在文档中的某个位置,不会改变,设置了绝对定位的元素,如果父级元素没有设置absolute或者relative或者fixed,那么该元素会以文档进行偏移,如果父级元素设置了absolute或者relative或者fixed,那么该元素会以父级元素进行偏移

3、position:fixed 固定定位 可以设置负数 可以设置百分比。设置固定定位后,一定要初始化位置。,会改变行标签和块标签的表现 ,不论是行标签还是块标签都可以设置尺寸,一但给元素设置了固定定位,浮动将不会产生作用。

可能汇总的还不够全面欢迎大家批评修改。



相关文章

  • 定位,定位,还是定位

    要想成为一个好的文字的输出者,首先要给自己一个合理的定位。定位可以首先想象自己想成为的角色:一个能够通过各种故事启...

  • 10-CSS定位流

    定位流 定位流分类相对定位绝对定位固定定位静态定位 相对定位 什么是相对定位?相对定位就是相对于自己以前在标准流中...

  • CSS中的几种定位

    CSS中常用的定位有 普通定位,相对定位 绝对定位、fixed定位 浮动 1、普通定位和相对定位 css中的元素有...

  • 2017-02-23 CSS 学习笔记

    定位流 定位流分类 相对定位 绝对定位 固定定位 静态定位 什么是相对定位相对定位就是相对于自己以前在标准中的位置...

  • #30天专注橙长计划#品牌定位30(6)营销推广1

    品牌定位的维度包括: 市场定位、价格定位、形象定位、地理定位、人群定位、渠道定位等; 经过前期大量的市场调研工作,...

  • D28:系统地图, 高德地图

    目录一. 定位功能 iPhone手机定位(基站定位, WiFi定位, GPS定位: 定位所需时间递增, 精确度递增...

  • 相对定位、绝对定位和固定定位

    1. 相对定位 定位有三种:相对定位,绝对定位、固定定位。 相对定位: position:relative lef...

  • 定位流

    定位流指的是:相对定位(relative)/绝对定位(absolute)/固定定位(fixed) 不包括静态定位(...

  • CSS补充2

    定位position 定位分为四种:相对定位 relative,绝对定位 absolute,固定定位 fixed,...

  • 定位

    1、static定位(普通流定位) -------------- 默认定位 2、float定位(浮动定位) 例:f...

网友评论

      本文标题:定位

      本文链接:https://www.haomeiwen.com/subject/mflpdxtx.html