CSS位置设置元素定位模式详细解决方案

CSS位置设置元素定位模式详细解决方案
首先,简要介绍

CSS的位置属性设置了元素的位置来定义要放置的元素的位置规则。

1,位置元素(定位元素)在位置属性划分为:相对(相对)、绝对(绝对)、固定(固定)或粘性(粘性)元素之后计算。

2个,顶部,右,左,左属性指定位置元素的位置。

3、Z组位置的元素,是堆叠顺序,在Z轴的位置,该值可以是正的或负的值越大,越是用户。
例如,当Z值是1,这张照片的位置是在文字下面,远离用户。如果Z值设置为正,图片的位置显示在上方的文本,包括文本的一部分。
如果属性的值设置为正数,图片的位置上显示的文本,包括文本的一部分!左:20px;从图片左边的距离20px;顶部:20px;从画面到顶部的距离20px
两。价值

静态

这个关键词让元素正常使用性能,即元素在文档流,其目前的布局位置,顶部,底部,左,右,z-index属性无效。

相对

使用此关键字布局元素就好像该元素没有设置为位置一样。它适应元素的位置并且不改变布局(在元素的原始位置留下空白)。相对位置对表*组、表行、表列、表单元格、表标题无效。

绝对的

元素位置不是为元素保留的,元素位置通过指定最近的祖先元素的偏移与其最近的非静态位置来确定。绝对定位元素可以设置外部边距(边距),而不与其他边距合并。

固定的

空间不是为元素保留的。元素的空间是通过指定相对于屏幕窗口的位置来指定的,当屏幕滚动时元素的位置不会改变。在打印时出现的每个页面的固定位置。固定属性通常创建一个新的堆栈环境。
上述CSS定位元素的位置进行了详细的说明,这是共同的萧边。我们希望能给你一个参考,希望你能支持它。

tag:模式设置位置元素定位解决方案

相关内容