--- tags: 軟體工程師體驗營 - 2024 --- # 🏅 切版任務 Day11 - position 練習 I 觀看影音「相對定位與絕對定位技巧」了解 position 運用後, 嘗試練習下方題目。 ## 問題 運用 position 語法將三個正方形放置如圖所示位置: ![](https://i.imgur.com/pGLEDl2.png) > 正方形資訊: > - `300px * 300px` `#474a4d` > - `200px * 200px` `#f7b977` > - `100px * 100px` `#028760` ## 回報流程 1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報 (也可以將答案直接貼至「回報區」) ![](https://i.imgur.com/vftL5i0.png) <!-- 解答: https://codepen.io/hexschool/pen/ExezVqg --> 回報區 --- | 報數 | Discord 名字 | Codepen/其他回饋 | |:----:|:--------------------:|:--------------------------------------------------------------------------:|