[分享]css中如何图片位置位于底部

在CSS中，想要实现将图片位置位于底部，可以通过以下步骤来完成。

//HTML代码
<div class="container">
  <img src="example.jpg" alt="example">
</div>

//CSS代码
.container {
  position: relative;
  height: 500px; //根据实际情况设置高度
}

img {
  position: absolute;
  bottom: 0;
} 

首先，我们可以先在HTML中添加一个容器div，然后在其中插入图片。接着，我们在CSS中给容器添加position: relative属性，以便为图片定位提供参考框架。
然后，我们再针对图片本身添加position: absolute属性，这样可以使图片脱离文档流，并可以针对指定的坐标条件进行定位。最后，我们添加bottom: 0属性，将图片的底部与父元素容器的底部对齐，即可实现将图片位置位于底部。

总的来说，通过设置父元素容器的定位为relative，然后为子元素图片添加定位为absolute并指定底部位置，就可以方便地实现将图片位置位于底部的效果。