css定位常用的有以下三种：
使用了定位的共同特性:
这三种定位可以设置四个值,但是通常只用到2个值就可以完成定位
如果只写了定位 没有设置偏移量,则元素位置都不会改变,默认值为原来的位置.
使用了定位,.元素会提升一个层级(如果与别的元素发生重叠,会在别的元素上面)
如果多个元素同时开启了定位.层级都一样的情况下.如果发生重叠.则后面的元素会盖住前面的元素
如果想调整层级 可以使用z-index:来调整层级,
需要注意的是
1.没有开启定位的元素不可以使用z-index属性
2.父元素的层级再高,也不会盖住子元素
相对定位(相对于元素原来的位置偏移)
position:relative; left: top:
绝对定位(相对于祖元素 偏移)
position:absolute; left: top:
固定定位(相对于浏览器窗口偏移)
position:fixed; left: top:
相对定位的特点:
1.相对定位的元素不会脱离文档流(所以元素在文档流中的特征他都包含)
2.相对定位元素会提升一个层级(如果与其他元素发生重叠 它会在上面)
3.相对定位不会改变元素的性质(块元素仍然是块元素,行内元素仍然是行内元素)
4.相对定位.但是不设置任何偏移值,.元素则不会有任何变化
绝对定位的特点:
1.绝对定位如果不设定任何偏移值,元素位置不会有任何改变(后面的就不一定了)
2.绝对定位会使得元素脱离文档流
3.绝对定位是相对于离他最近的开启了定位的元素进行定位的,如果都没有,则相对于body进行定位(所以通常给父元素也加一个定位)
4.绝对定位也会使得元素提升一个层级
5.绝对定位会改变元素的性质.行内元素会变成块状元素(因为会脱离文档流,也就是脱离文档流的特性)
固定定位:
固定定位也是绝对定位的一种.拥有绝对定位的大部分特点
但是他是相对于浏览器窗口的位置进行定位.比如漂浮的客服,回到顶部.这类的按钮都是使用的固定定位
相关推荐
../../php或html网页的目录路径格式 相对路径和绝对路径该怎么写?php或网页的目录路径格式 相对路径和绝对路径该怎么写?../ 代表上级目录 ../../代表上上级目录 相对路径 ./ 代表当前目录 可以省略不写 相对路径 / 以
DRAWTEXT_FIX(cOND,X,Y,TYPE,TEXT) 通达信在固定位置显示文字固定位置显示文字;在指标排序中显示字符串栏目.用法:DRAWTEXT_FIX(COND,X,Y,TYPE,TEXT) 当COND条件满足时,在当前指标窗口内(X,Y)位置书写文字TEXT,X,Y为
css浮动的特性,与浮动带来的影响以及如何清除浮动日常胡说八道:块元素在文档流中默认垂直排列，所以多个div从上至下依次排开如果希望块元素在页面中水平排列，可以使用float来使元素浮动，从而脱离文档流,元素脱离文档流以后，它下边的元素会立即向上移动
win7注册表快速定位指定路径方法win10系统自带快速定位功能旧版本的要手动一个个的去打开,麻烦的很刚发现火绒 安全工具里>>火绒剑>>注册表 发现这个可以粘贴路径定位
无法定位链接器！请检查 tools\link.ini 中的配置是否正确大萨达撒
c++类的定义 和 struct与class的区别 和初始值的设置类的创建#include<iostream> using namespace std; #include <string> class 学生类{ public:
单精度和双精度的区别 float和double的区别float 单精度 占用4字节 有效数字范围:7位double 双精度 占8字节 有效数字范围15-16位区别就是占用内存的大小不同。和能表示的有效数字范围不同比如 3.14 有效数字就是3位 其实
mysql效率研究(二):char(20) 和 char(40) varchar(255)和varchar(256) 和 varchar(50)和varchar(100) 的区别/*varchar(255)和varchar(256) 和 varchar(50)和varchar(100) 的区别*/ $sql="create table char20(
mysql效率研究(一):int(5)与 int(10) 与 int(11) 的区别/*int(5)与 int(10) 与 int(11) 的区别*/ //首先创建 三个表 分别是 in5,in10,in11 都只有一个字段 $sql="create table
Visual studio版本区别 community(社区版)、Professional(专业版)、Enterprise(企业版)Community(社区版)也可以理解为个人版。适用于学生、开源和个人。一些新手用来学习是个不错的选择。该版本有相对完备的免费IDE。可用于开发 Android、iOS、Windows 和 Web 的