设置父结点的position为relative,子结点为absolute。然后通过子节点的top和left属性设置子节点相对于父节点的位置,例如top为40px,就是说子节点从距离父节点顶部40px的位置放置,left属性类似。 默认情况下,后面的结点覆盖前面的结点。不过可以通过z-index设置哪个结点在上,z-index值较大的在上,小的在下。 图片重叠 div{ width:300px; height:300px; border:3px solid pink; position:relative; } img{ position:absolute; width:150px; height:150px; padding:0; margin:0; } #img1{ top:50px; left:40px; } #img2{ top:100px; left:100px; }
直接为下张图片设置margin-top的值为负值即可