1818IP-服务器技术教程,云服务器评测推荐,服务器系统排错处理,环境搭建,攻击防护等

当前位置:首页 - 网站技术 - html/css - 正文

君子好学,自强不息!

如何用CSS 布局 - positioning属性三

2022-03-17 | html/css | gtxyzz | 404°c
A+ A-

每日笔记,CSS 布局 - positioning属性,

滑动的div,如何布局div的位置

重叠元素

在对元素进行定位时,它们可以与其他元素重叠。

z-index 属性指定元素的堆栈顺序(哪个元素应放置在其他元素的前面或后面)。

元素可以设置正或负的堆叠顺序:

img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}
这个 div 元素设置 position: relative;

由于图像的 z-index 为 -1,它将被置于文本之后。


属性

描述
bottom设置定位框的底部外边距边缘。
clip剪裁绝对定位的元素。
left设置定位框的左侧外边距边缘。
position规定元素的定位类型。
right设置定位框的右侧外边距边缘。
top设置定位框的顶部外边距边缘。
z-index设置元素的堆叠顺序。

本文来源:1818IP

本文地址:https://www.1818ip.com/post/407.html

免责声明:本文由用户上传,如有侵权请联系删除!

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。