这要使用到css中的position:absolute绝对定位。示例代码如下：
img{position:absoluteleft:0bottom:0}这里的意思就是，图片采用绝对定位的方式，距离左边0px，距离下边0px。这样就到了左下角了。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
div {position: relativeborder: 1px solid greenwidth: 200pxheight: 80px}
span {position: absolutebottom: 0}
3、浏览器运行index.html页面，此时成功实现了“文本”2个文字放到绿色div框的左下角。
绝对居左下的方式：图片包括任何的标签都是不能默认绝对居下的，都是需要通过css样式控制的，这个就要用到定位。给img添加一个绝对定位position:absoluteleft:0bottom:0也需要给它的某个父级添加一个相对定位。
img标签是向网页中嵌入一幅图像。
注意，从技术上讲，<img>标签并不会在网页中插入图像，而是从网页上链接图像。<img>标签创建的是被引用图像的占位空间。
<img>标签有两个必需的属性：src 属性 和 alt 属性。
