立场的刻板印象——爱与恨的本质

立场的刻板印象——爱与恨的本质
CSS中的位置属性有时非常强大,有时在使用时非常无助。

当它强大的时候,它会给位置一些绝对的小对象在div当不方便使用边距或填充,然后装备左,右,上,下,基本上是放在哪里。

当人们无奈,我们曾被虐待的位置属性,那么你会让你的布局的天空飞翔,因为Z-INDEX没有设置好,基本上,整体布局会让你无奈,找原因,又很麻烦,最后只能返工。

因此,我们应该了解位置的原理和应用场景,以便我们能够在使用它时达到预期的效果。

我不多说废话。直接上台阶,先说位置的概念。

位置,我们用百度搜索,你知道这个词的意思是位置,CSS,是属性的名称的含义是位置、属性值为五,分别是静态(默认位置),绝对的(绝对定位),相对(相对定位),固定(定位)和继承(继承的位置,不使用)。

书写规则:

CSS代码将内容复制到剪贴板。
位置:静态|绝对|相对|固定|继承

引入了每个属性值。

1,位置:静态(默认定位)

顾名思义,就是当我们通常写,文档流中的每个div是默认的布局,对静态属性的值,它不会让从文件流的div或其他元素,但遵循的布局原则,从上到下,块级元素线,线元不换行等一般原则,因此,如果没有位置属性,然后将不设置。

2,位置:相对(相对定位)

相对位置被定义为相对于自身的移动。它不会脱离文档流。也就是说,我为一个元素设置了属性,因此这个文件将在文档流中来回移动,以及如何移动它。

3,位置:绝对(绝对定位)

与相对定位不同,它相对于具有相对位置属性的父元素定位,它将从文档流中分离出来。

如果所有的子元素的父元素的集合中的所有元素的绝对,然后浮起,然后堆放在一起,所以为了保持元素,我们需要把这些元素,以及这些元素的移动方法是直接的风格样式表:左,右,上写下四个属性,然后把属性在PX(像素),%(百分比)可以表示距离的单位。

这里要强调的是,左、右不能同时使用,上下不能同时使用。

此外,这四个元素都是相对于相对位置(相对)属性的父元素移动的,如果父元素没有相对位置,则绝对位置相对于主体。

因此,为了不让您自己的元素集合运行,记住要将相对关系设置为父元素。

4,固定(固定位置)

此位置相对于浏览器窗口,与相对位置和绝对位置相同。

这也将打破文案流,和我们常见的侧边栏或广告图是这个函数的实现。这是非常实用和强大的。

5,继承(继承位置)是继承父元素的位置属性,不是很常见。

在这里,我们参与了Z指数(层次)的问题。正如我们所说,如果所有的子元素都设置了绝对的,所有的子元素将堆叠在一起,互相掩护。

如果我们需要堆栈元素上很多层,那么如何解决这些问题。这就要求z-index属性的使用。

z-index属性的属性值是一个数字,数字越大,越说明,比如说。

Z指数= 0元素将显示在下面的Z = 1。Z = 10将显示在Z = 8,所以在显示顺序和设置z-index会做。

当然,如果没有设置z-index是默认的,后来的元素将覆盖前面的元素。

使用时应注意的问题:

1,浮动属性不能与位置属性共享,请记住!

2。使用绝对值时,记得添加与父元素相对的元素。

3、除了使用左、顶、右、底,在

4,你不能使用没有位置的位置,毕竟,很容易打乱布局。

5、在Javascript调用位置的方法是div.style。位置= absolutediv是一个变量名

以上只是对基本位置的简单介绍。如果你不知道你想要的答案,你可以在下面给我留言,我会积极回应。

上述司空见惯的位置定位mdash;mdash;在爱与恨的属性是所有萧边分享你的内容。我希望能给你一个参考,希望你能支持它。

tag:本质爱与恨立场印象电脑软件

相关内容