绝对定位

绝对定位：
属性：position 值：absolute

正常文字1
正常文字2
绝对定位的文字3
正常文字4
正常文字5

在这里插入图片描述
说明：设置了绝对定位的元素，相当于该元素被从原文档中删除了，所以“正常文字4”会紧接着出现。

绝对定位是基于最近的一个定位了的父容器
如果没有定位的div容器，默认是body

正常文字1
正常文字2
绝对定位的文字3
正常文字4
正常文字5

在这里插入图片描述
z-index

通过绝对定位可以把一个元素放在另一个元素上，这样位置就会重复，会存在一个谁掩盖谁的问题
z-index属性，当z-index的值越大，就表示放上面，z-index:越小就表示放下面。

相对定位

属性：position
值： relative

与绝对定位不同的是，相对定位不会把该元素从原文档删除掉，而是在原文档的位置的基础上，移动一定的距离

正常文字1
正常文字2
相对定位的文字3
正常文字4
正常文字5

在这里插入图片描述

属性：float
值： left,right
可以用于文字环绕图片的效果

左边固定宽度
右边自动填满

在这里插入图片描述
2. 左右固定，中间自适应

左边固定宽度
右边固定宽度
中间自适应

在这里插入图片描述
3. 贴在下方

 无论蓝色div高度如何变化，绿色div都会贴在下面

在这里插入图片描述

喜欢穿一身黑的男生性格（喜欢穿... 今天百科达人给各位分享喜欢穿一身黑的男生性格的知识，其中也会对喜欢穿一身黑衣服的男人人好相处吗进行解...

发春是什么意思（思春和发春是什... 本篇文章极速百科给大家谈谈发春是什么意思，以及思春和发春是什么意思对应的知识点，希望对各位有所帮助，...

网络用语zl是什么意思（zl是... 今天给各位分享网络用语zl是什么意思的知识，其中也会对zl是啥意思是什么网络用语进行解释，如果能碰巧...

为什么酷狗音乐自己唱的歌不能下... 本篇文章极速百科小编给大家谈谈为什么酷狗音乐自己唱的歌不能下载到本地?，以及为什么酷狗下载的歌曲不是...

家里可以做假山养金鱼吗（假山能... 今天百科达人给各位分享家里可以做假山养金鱼吗的知识，其中也会对假山能放鱼缸里吗进行解释，如果能碰巧解...

华为下载未安装的文件去哪找（华... 今天百科达人给各位分享华为下载未安装的文件去哪找的知识，其中也会对华为下载未安装的文件去哪找到进行解...

四分五裂是什么生肖什么动物（四... 本篇文章极速百科小编给大家谈谈四分五裂是什么生肖什么动物，以及四分五裂打一生肖是什么对应的知识点，希...

怎么往应用助手里添加应用（应用... 今天百科达人给各位分享怎么往应用助手里添加应用的知识，其中也会对应用助手怎么添加微信进行解释，如果能...

苏州离哪个飞机场近（苏州离哪个... 本篇文章极速百科小编给大家谈谈苏州离哪个飞机场近，以及苏州离哪个飞机场近点对应的知识点，希望对各位有...

客厅放八骏马摆件可以吗（家里摆... 今天给各位分享客厅放八骏马摆件可以吗的知识，其中也会对家里摆八骏马摆件好吗进行解释，如果能碰巧解决你...