两个知识点:
1. 设置固定box的大小后,使用relative和absolute设置里面元素的位置。
把box设置为relative ,里面元素absolute,里面的元素是相对于这个box的绝对布局。所以用left、right、top、bottom来设置位置就可以。
2. 用after,在后面加图片icon
注意的点: content 设置空。用background-image。为了居中,用flex布局align-items: center;
// An highlighted block
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>grid-test</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div class="box firstBox">
<div