问题：使用 position：absolute；定位元素时，定位效果不符合预期。
解决思路：
- position：absolute；属性是相对父级元素的，需要有一个父级容器作为参考点，父级容器必须设置合适的尺寸（宽度和高度）。
- 父级容器的定位方式，在父级容器添加 position: relative;属性。
示例：
HTML：
<view class="hotel-img">
<image src="/static/酒店.webp" mode=""></image>
<view class="bac">
<u-icon name="map" color="#fff" size="25" top="1px"></u-icon>
<text>北京传媒大学/管庄</text>
</view>
</view>
CSS：
.hotel-img {
position: relative;
}
.bac {
position: absolute;
bottom: 3px;
}