如何制作L形连接方块？

Question

我有一个项目，而我这样做我遇到了连接方块的问题。我应该制作L形正方形并将它们装在12x12网格上。我试过用坐标系来做这件事，但它没有用。

Answer 1

1. 只需将元素置于另一个元素之下。
2. 使用css添加所需的宽度和高度。
＆＃13;
＆＃13;
#first {
  width: 50px;
  height: 100px;
  background-color:yellow;
  border: 1px solid black;
}
#second {
  width: 100px;
  height: 50px;
  background-color:yellow;
  border: 1px solid black;
}
＆＃13;
<div id="first"></div>
<div id="second"></div>
＆＃13;
＆＃13;
＆＃13;