当前位置:首页 > 日记 > 正文

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

立场的刻板印象——爱与恨的本质
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;在爱与恨的属性是所有萧边分享你的内容。我希望能给你一个参考,希望你能支持它。

相关文章

女孩签名及签名

女孩签名及签名

女孩,电脑软件,对于女孩,你喜欢用一些精彩而沉默的句子作为你的个人签名吗下面,请欣赏女孩精彩的签名,这是由萧边编写的。 妇女独特签名签名的选择 1)失恋的日子并不可怕,可怕的是恋爱之后的一天,大姨妈还没来! 2)爱情就像银行卡里的钱一样,穷人、…

思科(Cisco)虚拟交换机软件在Nexus10

思科(Cisco)虚拟交换机软件在Nexus10

漏洞,虚拟,交换机,思科,电脑软件,据国外安全专家Jakub Wilk,思科Cisco Nexus 1000V虚拟交换机软件滤波问题。远程攻击者可以使用漏洞构建恶意链接,并诱使用户解析并获取敏感数据。 解决方案是下载思科官方网站上的补丁程序(解决方案)。…

PS图象处理软件的系列教程:纹理质量

PS图象处理软件的系列教程:纹理质量

纹理,教程,图象,处理软件,质量,关键词:定义,笔触路径 打开一张材料链的图片。 扣上链的上半部分,链条会擦除一些窗体,淡入效果。 复制层的副本,与链链连接,检察官是否连接自然和修改连接部分。 连接到自然后,多余的画布被切断,一组链被定义为画…

介绍了全层同时隐藏方法

介绍了全层同时隐藏方法

方法,电脑软件,我们知道ps隐藏层会减少文件的大小,而且我们做的文件量越大,隐藏层就是我们所做的。那时,有很多层,所以让我们来看看如何同时隐藏多个图层。 步 首先,选择所有需要隐藏的图层:按Shift键并单击第一层和最后一层。 然后,老鼠来到了一…

颓废悲伤的签名

颓废悲伤的签名

颓废,悲伤,电脑软件,颓废和悲伤的感觉只有有经验的人才会明白。与颓废悲伤有关的签名中的句子是什么 颓废的悲哀手语 1)没有你的日子,我真的有一种很好的孤独,渴望着内心的痛苦。 2)我只是一个人走了太久,长得足以适应一个人。 3)心只是一瞬间…

PS图象处理软件水晶图标按钮

PS图象处理软件水晶图标按钮

图标,图象,处理软件,水晶,电脑软件,网页设计越来越注重细节的完善。一个好的字体效果或者一个更微妙的按钮会给你的网页添加很多颜色,让我们来讨论这个按钮的制作。 1:打开PS图象处理软件,创建一个200像素×200像素的文件。最好的颜色是RGB格…

Oracle查询日数据的SQL条件写入

Oracle查询日数据的SQL条件写入

条件,查询,日数,电脑软件,Oracle,每日数据将用于日常数据统计。以下是日期对应的条件: 之间 to_date(to_char(SYSDATE,'yyyy-mm-dd)| |00:00:01,'yyyy-mm-dd hh24:MI:SS) to_date(to_char(SYSDATE,'yyyy-mm-dd)| |23:59:59,'yyyy-mm-dd hh24:MI:SS); …

MySQL5.7.18winx64密码修改

MySQL5.7.18winx64密码修改

密码修改,电脑软件,MySQL 5.7.18安装后,由于5.7版本不支持空密码登陆,我们必须找到一个临时密码,在日志文件中的数据目录下。图: 密码是在这个文件中,当你打开它与EditPlus,找到一个临时密码,如: 我们后面的操作图,我们有相同的行,最后要说一句话,不…

Word2007菜单工具栏丢失和菜单工具

Word2007菜单工具栏丢失和菜单工具

菜单,工具栏,显示,时间,电脑软件,问题: 电脑系统升级到win7,和Office 2007安装。打开Word后,菜单工具栏被发现丢失。 答案uff1a 在网上搜索答案,没有找到正确的答案,最后找到答案。 也就是说,鼠标右键点击页面布局;在弹出菜单中取消;功能区被最…

PS图象处理软件把蓝堡的明亮的蓝色

PS图象处理软件把蓝堡的明亮的蓝色

图象,处理软件,明亮,蓝色,电脑软件,PS图象处理软件的颜色是非常强大的,我们将分享PS图象处理软件建筑色彩教程,使蓝堡出明亮的蓝色。 原 最后的效果 1、打开原材料,适当切割尺寸,再创建曲线调整层,参数如下。 图1— 2,创建一个新图层,按Ctrl …

ps中如何修改文本颜色的实用技巧

ps中如何修改文本颜色的实用技巧

修改,文本,实用技巧,颜色,电脑软件,在ps中,文本的颜色通常是默认的。如果我们觉得文本的颜色不合适,我们可以修改它。那你知道如何修改ps中的文本颜色吗这里是一个小编的关于如何修改ps文本颜色的方法,希望对你有所帮助! ps中文本颜色的修改方…

excel中表格和函数的灵活操作方法e

excel中表格和函数的灵活操作方法e

函数,操作方法,表格,灵活,电脑软件,Excel函数主要用于求和,以及sumif.sumifs功能的多功能应用。今天,萧边教你Excel表和函数灵活应用操作技能。 excel表和函数的灵活操作步骤: 求和用于总结选定单元格。 =总和(第一、number2hellip;hellip;..); …