如何让div在图像上居底部显示

来源：百度知道 编辑：UC知道 时间：2024/07/02 18:45:35
图像：<img id="flipImg" src="../../Image/SiteImage/Default/ConvertImage/b.jpg" width="270px" height="240px"/>
DIV：<div style="float:right;"></div>
如题，想请教高手们怎么才能让DIV在图像的底部显示呢？
呵呵！可能是我没说清楚，我想要的效果是让DIV在图像上的底部显示，不是出现在图像的下面，不要将图片设置为背景图片

外层div用 position:relative; 里面的div用 position:absolute; 定位
<div class="a1">
    <img src="xxx.jpg" />
    <div class="a2">文字</div>
</div>
<style>
    .a1{position:relative; width:200px; height:200px;}
    .a1 img{width:200px; height:200px;}
    .a2{position:absolute; left:0px; bottom:0px; width:200px; height:50px;}
</style>

呵呵。。。
你去掉float:right就可以了，那个是右对齐啊；
你要知道，div默认的显示方式是display：block;默认是占据一行的；
多看看这方面的知识吧！不懂来问我；QQ：858356006

补充：你确实没说清楚，那你就需要把图片作为背景插入到页面中，就可以了；

position:absolute;面里面写position: relative;
用层来做，

img{vertical-align:bottom; border:0;}