用Div+CSS举行网站结构时,做一些浮动层等特殊特殊效果时要考虑到定位问题;这就要用到Position属性。 Position属性有四个值:static、fixed、absolute和relative。
后面两个值在结构中的定位里是经常用到的,顾名思义:
● absolute是指绝对定位
即将工具从文档流中拖出,使用left,right,top,bottom等属性举行绝对定位,而其层叠通过z-index属性界说。此时工具不具有边距,但仍有补白和边框。
● ralative是指相对定位
就是依据left,right,top,bottom等属性在正常文档流中偏移位置。
然则,怎么个绝对法,又怎么个相对法呢?
以前我一直没有仔细去研究它,到详细应用时有时会有点迷糊,我信赖许多同伙也会有这样的问题。今天我特意测试了一下,得出了以下结论:
1、当Position属性值为Relative时
工具原来占有的位置保留,厥后面的工具按原来文档流仍然保持原来的位置。
top的值示意工具相对原位置向下偏移的距离,bottom的值示意工具相对原位置向上偏移的距离。两者同时存在时,只有Top起作用。
left的值示意工具相对原位置向右偏移的距离,right的值示意工具相对原位置向左偏移的距离。两者同时存在时,只有left起作用。
2、当Position属性值为absolute时
工具从文档流中抽取出来,原占有的位置被后面的工具顶替上来。
● top的值示意工具上边框与浏览器窗口顶部的距离,bottom的值示意工具下边框与浏览器窗口底部的距离。
两者同时存在时,只有top起作用;若是两者都未指定,则其顶端将与原文档流位置一致,即垂直保持位置稳固。
● left的值示意工具左边框与浏览器窗口左边的距离,right的值示意工具右边框与浏览器窗口右边的距离。
两者同时存在时,只有left起作用;若是两者都未指定,则其左边将与原文档流位置一致,即水平保持位置稳固。
在Position属性值为absolute的同时,若是有一级父工具(无论是父工具照样祖父工具,或者再高的辈分,一样)的Position属性值为Relative时,则上述的相对浏览器窗口定位将会酿成相对父工具定位,这对正确定位是很有辅助的。
1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入
在微信里怎么生成自己的海报?微信转账助手怎么生成海报 在手机上打开微信,然后打开转账助手,然后点击转账助手,把截图保存到手机上,在上传到电脑进行打印成海报。怎么将微信名片的二维码印到海报上工具/原料:...
涡轮增压是什么意思(涡轮增压到底是什么)上次不是有朋友说想了解涡轮增压吗,现在送你们一个后置发动鸡,双涡轮增鸭。对!今天我们要讲的就是涡轮增压。 大家都知道汽车发动机工作原理,空气通过空气滤芯进...
本文目录一览: 1、世界上最厉害的黑客是谁? 2、你认识地球上已知的十位电脑最强黑客吗? 3、黑客史上最伟大的黑客是谁 4、世界上最顶尖的黑客能厉害到什么程度 5、史上最厉害的黑客是谁...
对于圈内人来讲,产品运营便是个保洁工,只要是无法被归类为产品研发以及销售市场的黑色地带,便是产品运营的现属范围。对于工作流程来讲,产品运营是协助实现愿望(一般 是不大可能的愿望)的小仙女;对于项目工程...
本文目录一览: 1、小白,想入门程序员,应该从什么开始学,顺序是什么? 2、请问学习网络攻防先从什么开始学习 3、小白学编程先从什么开始学比较好? 小白,想入门程序员,应该从什么开始学,顺序...
最强蜗牛启示之眼在合成的时候优先合成什么最好?合成也是很有讲究的,有不少的玩家不清楚启示之眼的合成方法,这次小编带来了启示之眼的合成攻略,其中会详细的讲解合成路径以及优先顺序,不懂的玩家参考下攻略吧。...