上图插入了一个小商标，这个正是用position:absolute来写的，极大的方便了商标的插入
下面就来介绍一下这个position:absolute书写这个的过程
在html中用span行级标签去框这个小图标，而不能用块级标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>postion定位的作用</title>
</head>
<body>
<span>
我是图标
</span>
<img src="images/1.jpg" alt="">
</body>在css中，需要把position:abselute加入这个span标签中，让span标签脱离当前的页面
*{
margin: 0px;
padding: 0px;
}
span{
position: absolute;
left:20px;
top: 20px;
height: 50px;
width: 100px;
}只需要一个简单的position:abselute标签就可以简单的实现给图片加商标的可能
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
