html中如果同时想要设置图片浮动到段落左边又想让它下对齐要怎么办

[She_rry_]

新人自学HTML ，产生疑问想问大家
当用HTML把图片左浮动时用align="left" 可是此时图片效果是上对齐 如果我想要让下对齐要怎么写啊

[She_rry_]

[jio可]

下对齐就要用position定位了。

[She_rry_]

怎么和align一起用啊

[She_rry_]

引用 2 楼 u012418098 的回复:

下对齐就要用position定位了。

怎么和ALIGN一起用啊 不是很懂 秋香姐

[jio可]

 <style>
.panel{
	height:120px;
	border: 1px #f4f4f4 solid;
	width: 100%;
	position: relative;
}
.panel .txt{
	position: relative;
        height:100%;
}
.panel .img{
	position: absolute;
	bottom: 0px;
}
.panel .img img{
	width: 100px;
	height: 100px;
}
 </style>
<div class="panel">
	<div class="img">
		<img src="Koala.jpg">
	</div>
	<div class="txt">
		<p>描述字段</p>
	</div>
</div>

[QuinnNorris]

html没有高度概念，有左右的宽度调整，高度实际上是内容物撑起来的。
你可以先在外面用固定大小定义一个大的div，然后：

1.用绝对定位调整图片位置
2.在图片上面再放一个div，设置这个空div的高度，撑起来
3.用百分比调整图片的高度位置

我也很久没写html了，不知道对不对～～

[钢铁加lulu]

img设置vertical-align: text-bottom试试

[贾保亮]

用弹性盒解决啊， 父元素添加display:flex;align-items:flex-end