html如何将div的内容与底部对齐

两个div都设置为display: inline-block这样可能会出现两个div顶端不对齐的情况，可以在右侧div设置vertical-align: top

* { margin: 0padding:0}

.left {

display: inline-block

}

.right {

display: inline-block

vertical-align: top //与左侧div顶部对齐

}

你说的是input吧？

可以给加上class，然后css里定义成块，即display:block

然后像两个div一样让他们对齐即可。

或者在第一个后面加一个换行<br

/>

有很多种方法，可以计算外层DIV的高度，为包含文字和图片的标签分别设置左右对齐，然后给相应的margin上边距。

还可以对最外层的DIV设置相对定位，再对里面的文字与图片设置绝对定位。定位示例：

<div>

       <span>413</span><img src="images/pic.jpg" />

</div>

比如你的DIV长为610像素，高为150像素的话，样式如下：

<style type="text/css">

div    {width:610pxheight:150pxmargin:50px autoposition:relative}

span {position:absoluteleft:0bottom:0px}

img  {position:absoluteright:0bottom:0px}

</style>

效果如下：

参考资料：http://blog.sina.com.cn/htmlcss3

---