css如何将图像定位在左下角?

html-css022

css如何将图像定位在左下角?,第1张

这要使用到css中的position:absolute绝对定位。示例代码如下：

img{position:absoluteleft:0bottom:0}

这里的意思就是，图片采用绝对定位的方式，距离左边0px，距离下边0px。这样就到了左下角了。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：

div {position: relativeborder: 1px solid greenwidth: 200pxheight: 80px}

span {position: absolutebottom: 0}

3、浏览器运行index.html页面，此时成功实现了“文本”2个文字放到绿色div框的左下角。