css 子元素右对齐 |css单词转为大写

.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
right: 0;
}

首先在父元素中设置position: relative;，这样子元素可以相对于父元素进行定位。然后在子元素中设置position: absolute;，这样子元素就可以脱离文档流并相对于父元素进行绝对定位。接着设置top: 0;和right: 0;，这样子元素就会沿着父元素的右侧对齐。

如果需要设置子元素的距离右侧的距离，可以添加如下代码：

.child {
position: absolute;
top: 0;
right: 20px;
}

将right:后面的数值设为想要的距离即可。

总的来说，CSS子元素右对齐是一种简单而有效的排版方式，可以让网页内容更加美观和易读。在实际开发中，可以根据实际需求进行调整和优化，进一步提升网页的质量和用户体验。