怎么让一张照片浮动到另一张照片右上角
时间: 2023-11-28 22:51:39 浏览: 133
两张图片滑动
5星 · 资源好评率100%
您可以使用CSS的`position`属性和`top`、`right`属性来实现两张照片的位置布局。以下是一个示例代码:
```html
<div class="container">
<img src="photo1.jpg" alt="Photo 1">
<img src="photo2.jpg" alt="Photo 2" class="floating-photo">
</div>
```
```css
.container {
position: relative; /* 父元素设置为相对定位 */
}
.floating-photo {
position: absolute; /* 子元素设置为绝对定位 */
top: 0;
right: 0;
}
```
在上面的示例中,我们将包含两张照片的`div`元素设置为相对定位,然后将要浮动的照片设置为绝对定位,并使用`top`和`right`属性将其定位到父元素的右上角。
阅读全文