使div下img底端对齐

 < div >

    < img/ >

< /div>

 

使 <img> 针对上级标签 <div> 的底端对齐

 

<div>的样式

div {

    position: relative;    //<img>的上层结构是相对定位

}

 

<img>的样式

img {

    position: absolute;    //<img>为 bottom 样式设置为绝对定位

    bottom: 0px;            //底端对齐

}

 

在这两个标签中的三句样式，缺一不可。