关于定位的一些知识：

只有设置了position属性的块级元素，才可以设置left、right、top、bottom值；如果一个块级元素脱离文档流的时候，就不能使用浮动了；

一、绝对定位（position：absolute）

1、脱离文档流，不会独自沾满一行；不能使用浮动了；

2、如果父级块元素设置了定位，那么现在的定位是相对于父级的；如果父级标签没有设置定位，那么就是相对于浏览器的；

二、相对定位（position：relative）

1、没有脱离文档流，可以使用浮动

2、相对定位的块，不论其父级标签是否有设置定位，都是相对于父级标签来说的；

三、静态定位（position：static），默认的是静态定位，使元素处在文档流中，对left、right、top、bottom值的设定是无效的；

四、固定定位（position：fixed）：被设置为 fixed 的元素，可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及"bottom" 属性来规定。不论窗口滚动与否，元素都会留在那个位置。

转载于:https://www.cnblogs.com/guanyushan/p/7833956.html

关于定位的一些知识：相关推荐

光斑定位技术在空间激光通信中扮演着重要的角色。本文将详细介绍光斑定位的相关知识，并使用Matlab实现一些相关的算法。
光斑定位技术在空间激光通信中扮演着重要的角色.本文将详细介绍光斑定位的相关知识,并使用Matlab实现一些相关的算法. 一.光斑定位技术光斑定位技术是一种通过计算像素位置来确定目标物体位置的技术,广 ...
java基础57 css样式、选择器和css定位（网页知识）
本文知识点(目录): 1.CSS样式 2.选择器 3.CSS定位 1.CSS样式 1.html 在一个网页中负责的是一个页面的结构 2.css(层叠样式表)在一个页面中负责了一 ...
谈新IT背景下的CIO角色定位和专业知识体系构建
关注ITValue,看企业级最新鲜.最价值报道! 作者丨何明璐出品丨人月聊IT 新IT背景下的CIO角色定位对于企业CIO岗位角色定位,在网上有很多的文章都谈到,自己博客在前面也谈到过CIO应该 ...
im中的定位消息 ios_知识科普：IM聊天应用是如何将消息发送给对方的？（非技术篇）...
1.引言沟通是人类的最基本需求,复杂多变的沟通内容.沟通方式,正是人类文明之所以如此璀璨的关键所在. 在自然界中,要完成一件事情的沟通,我们可以直接通过声音传递给对方,这是再平常不过的事了(靠&qu ...
android 自带gps定位Location相关知识
android自带gps定位功能相信大家都不会太陌生了,都有所涉及.简单的写了一个示例程序,获取经纬度还有其它相关数据的代码,还有其他相关的知识,比如直接跳转到打开系统gps设置的界面.还有一个bug ...
固定定位及布局知识总结
回顾浮动如何设置浮动 float:left\right\none 设置浮动之后的特点脱离文档流. 对父元素和后面元素的影响块状元素,可以共享一行.多个元素浮动,宽度超过父元素会自动换行元素一旦浮 ...
汽车 Automotive ＞ T-BOX GNSS高精定位测试相关知识
参考:https://en.wikipedia.org/wiki/Global_Positioning_System GPS和GNSS的关系 GPS(Global Positioning System ...
关于iphone定位的基本知识
每一个CLLocation对象都有一个叫verticalAccuracy的属性来判断精确度.海拔数值可能会有verticalAccuracy大小的误差,当verticalAccuracy为负值时,那是 ...
人员定位系统硬件篇：蓝牙定位信标知识科普
蓝牙定位信标是一种使用电池供电,基于低功耗蓝牙广播协议的无线电子设备,是区域人员定位系统中不可或缺的一个节点.它通常固定在某个位置,向周围进行周期性广播,进而与终端设备进行信息交互,蓝牙定位信标具备发 ...

关于定位的一些知识：

关于定位的一些知识：相关推荐

最新文章

热门文章