x
1
2
<html>
3
<head>
4
<meta charset="utf-8">
5
<style>
6
#main {
7
display: flex;
8
flex-direction: column-reverse;
9
}
10
11
#main div {
12
width: 40px;
13
height: 40px;
14
}
15
</style>
16
</head>
17
<body>
18
19
<div id="main">
20
<div style="background-color:coral;">A</div>
21
<div style="background-color:lightblue;">B</div>
22
<div style="background-color:khaki;">C</div>
23
<div style="background-color:pink;">D</div>
24
<div style="background-color:lightgrey;">E</div>
25
<div style="background-color:lightgreen;">F</div>
26
</div>
27
28
</body>
29
</html>