这要使用到css中的position:absolute绝对定位。示例代码如下：
img{position:absoluteleft:0bottom:0}这里的意思就是，图片采用绝对定位的方式，距离左边0px，距离下边0px。这样就到了左下角了。
绝对居左下的方式：图片包括任何的标签都是不能默认绝对居下的，都是需要通过css样式控制的，这个就要用到定位。给img添加一个绝对定位position:absoluteleft:0bottom:0也需要给它的某个父级添加一个相对定位。
img标签是向网页中嵌入一幅图像。
注意，从技术上讲，<img>标签并不会在网页中插入图像，而是从网页上链接图像。<img>标签创建的是被引用图像的占位空间。
<img>标签有两个必需的属性：src 属性 和 alt 属性。
垂直居中问题css
-----------------------------
虽然css有一个垂直居中属性，CSS垂直居中属性不能决绝如下问题:
存在的问题：
*
已知div高度
*
div动态内容，不确定高度
*
想要内容垂直居中
*
不用table
在IE下:
位于相对容器的一半高度.
div内容所占有的高度默认设置为div高度
在标准浏览器中如：Mozilla,
Opera,
Safari
等等是完全不同的.
div被当做一个table
被现实出来.
<!DOCTYPE
HTML
PUBLIC
"-//W3C//DTD
HTML
4.01//EN">
<html>
<head>
<title>Universal
vertical
center
with
CSS</title>
<style>
.greenBorder
{border:
1px
solid
green}
</style>
</head>
<body>
<div
class="greenBorder"
style="display:
table
height:
400px
#position:
relative
overflow:
hidden">
<div
style="
#position:
absolute
#top:
50%display:
table-cell
vertical-align:
middle">
<div
class="greenBorder"
style="
#position:
relative
#top:
-50%">
any
text<br>
any
height<br>
any
content,
for
example
generated
from
DB<br>
everything
is
vertically
centered
</div>
</div>
</div>
</body>
</html>
在浏览器中显示：
any
text
any
height
any
content,
for
example
generated
from
DB
everything
is
vertically
centered
