---
# System prepended metadata

title: "\U0001F3C5 切版任務 Day3 - box-sizing"
tags: [軟體工程師體驗營 - 2023]

---

---
tags: 軟體工程師體驗營 - 2023
---

# 🏅 切版任務 Day3 - box-sizing

### content-box
此為 box-sizing 屬性的預設值，width(寬)、height(高) 只包括內容本身的寬高，不包括 border、padding。
舉例：
當有一個 box 設定 `width: 30px; height: 20px; border: 10px solid black;`，
則此 box 總寬高：寬度: 50px, 高度: 40px

### border-box
width(寬)、height(高) 除了內容本身的寬高，還包括 border、padding
舉例：
當有一個 box 設定 `width: 30px; height: 20px; border: 10px solid black; box-sizing: border-box;`，
則此 box 總寬高：寬度: 30px, 高度: 20px

## 題目

請觀看此 [CodePen](https://codepen.io/hexschool/pen/yLvWLZY) 計算 .box1 與 .box2 的寬高（請不要用開發人員工具觀看）


## 回報流程

1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報
（也可以將答案直接貼至「回報區」）

![](https://i.imgur.com/vftL5i0.png)

<!-- 

解答：
.box1: 寬：338px 高：110px
.box2: 寬：300px 高：110px
-->


回報區
---

| 報數 |     Discord 名字     |                                Codepen／其他回饋                                 |
|:----:|:--------------------:|:--------------------------------------------------------------------------------:|
|  1   |    Daisy_Li#4231     |    [codepen](https://codepen.io/lidairong-gmail-com/pen/KKGvLNv?editors=1100)    |
|  2   |      DeLi#8324       |              [codepen](https://codepen.io/delichaomoon/pen/NWOvVvj)              |
|  3   |     Rochel#4754      |             [codepen](https://codepen.io/rochelwang1205/pen/oNaeRpK)             |
|  4   |       Joi#4089       |                [codepen](https://codepen.io/Joi-Chen/pen/oNaeRwr)                |
|  5   |   Jerry456789#9029   |         [codepen](https://codepen.io/aria198a/pen/rNqzgqo?editors=1100)          |
|  6   |     銀光菇#1692      |             [codepen](https://codepen.io/genesynthesis/pen/mdzMYzE)              |
|  7   |    David0799#4415    |               [codepen](https://codepen.io/David0799/pen/oNaeRMN)                |
|  8   |   會飛的兔子#8682    |                [codepen](https://codepen.io/0Naomi0/pen/WNaEBjj)                 |
|  9   |   Kulimusoda#2785    |              [codepen](https://codepen.io/yuch3n_chen/pen/OJBjYrm)               |
|  10  |      小華#3204       |              [codepen](https://codepen.io/franfranfran/pen/QWZMXLr)              |
|  11  |     joshBB#5699      |         [codepen](https://codepen.io/nememycs-the-selector/pen/yLRodBR)          |
|  12  | Jennifer Chuang#3937 |                 [codepen](https://codepen.io/yujhen/pen/dygzBbG)                 |
|  13  |     CuraLin#2648     |                [codepen](https://codepen.io/curalin/pen/MWPvMwZ)                 |
|  14  |     Berlin#7338      |                [codepen](https://codepen.io/3qberlin/pen/jOeLoXz)                |
|  15  |      Eero#1147       |        [codepen](https://codepen.io/Eero-Chiao/pen/vYVJqKx?editors=1100)         |
|  16  |    Ann Chou#0146     |       [codepen](https://codepen.io/annchou_illu/pen/KKGvjgr?editors=1100)        |
|  17  |     Snadra#1987      |                [codepen](https://codepen.io/mlqmhltg/pen/poxrXyQ)                |
|  18  |   しあわせね#0036    |           [codepen](https://codepen.io/Front-end-engineer/pen/JjmyQGd)           |
|  19  |    司機叔叔#2463     |                [codepen](https://codepen.io/bigv5566/pen/Baqdgwx)                |
|  20  | K（アギルダー）#0386 |               [codepen](https://codepen.io/klay376014/pen/KKGvjvJ)               |
|  21  |   JimmyHuang#5281    |             [codepen](https://codepen.io/JimmyHuang369/pen/RweZzRV)              |
|  22  |      大頭#1695       |          [codepen](https://codepen.io/conlyvrg-the-reactor/pen/OJBjeww)          |
|  23  |      莫0_o#3486      |         [codepen](https://codepen.io/jdozfpae-the-animator/pen/poxrXxX)          |
|  24  |     judy123#2363     |               [codepen](https://codepen.io/hsuantsong/pen/abRygPm)               |
|  25  |     yanyan#5815      |                [codepen](https://codepen.io/rubyyan/pen/bGmrPZz)                 |
|  26  |     Pigsue#5981      |                [codepen](https://codepen.io/weixiii/pen/YzJxmyL)                 |
|  27  |      SKey#9905       |             [codepen](https://codepen.io/Zih-Ling-Chen/pen/oNaeKzE)              |
|  28  |     Quantum#6093     |              [codepen](https://codepen.io/Min-Hao-Hung/pen/KKGvjOP)              |
|  29  |      vvay#4113       |          [codepen](https://codepen.io/pellmssx-the-sasster/pen/OJBjKMd)          |
|  30  |      Mindy#7886      |                 [codepen](https://codepen.io/Mindyr/pen/rNqzXMW)                 |
|  31  |    CMLB0212#8960     |              [Codepen](https://codepen.io/Chungmin0212/pen/vYVJoya)              |
|  32  |     Eden.C#9359      |                 [codepen](https://codepen.io/iseden/pen/eYPEqWB)                 |
|  33  |    Jacky7035#9423    |                [codepen](https://codepen.io/adens123/pen/jOeLgzW)                |
|  34  |       Hao#2485       |               [codepen](https://codepen.io/Seanfeb16/pen/gOBxVNY)                |
|  35  |      辣椒#1002       |              [codepen](https://codepen.io/chilichen118/pen/OJBjKKV)              |
|  36  |      Calin#5800      |                [codepen](https://codepen.io/Calin-c/pen/eYPEqLR)                 |
|  37  |      居米#6044       |              [codepen](https://codepen.io/AndyLiu0427/pen/NWOvQQr)               |
|  38  |      泊岸#3466       |              [codepen](https://codepen.io/qoq77416416/pen/jOeGNOy)               |
|  39  |       Rey#1878       |     [codepen](https://codepen.io/yfatgmpc-the-bold/pen/poxWzgr?editors=1100)     |
|  40  |    Ataraxia#9977     |              [codepen](https://codepen.io/ataraxia8888/pen/abRwXvX)              |
|  41  |   clairechen#3498    |              [codepen](https://codepen.io/yi-wen-chen/pen/wvYrwGW)               |
|  42  |      依依＃6306      |               [codepen](https://codepen.io/Rita-Yang/pen/WNaZeRp)                |
|  43  |      兔子#6746       |      [codepen](https://codepen.io/CarrotDetector/pen/jOeGNMw?editors=1100)       |
|  44  |     Evaxof#1266      |          [codepen](https://codepen.io/evaxof/pen/jOeGNmL?editors=1100)           |
|  45  |       cbs#9007       |                 [Codepen](https://codepen.io/wasdjk/pen/ZEqXzpr)                 |
|  46  |    alexmav04#5048    |               [Codepen](https://codepen.io/alexmav04/pen/XWxerqy)                |
|  47  |     Ting.66#0912     |          [Codepen](https://codepen.io/Ting66/pen/KKGXPvy?editors=1100)           |
|  48  |       Uli#1946       |                [Codepen](https://codepen.io/uli1313/pen/poxWzMO)                 |
|  49  |      冷曄#9378       |                 [Codepen](https://codepen.io/HgHale/pen/wvYrvap)                 |
|  50  |       Pei#5161       |            [Codepen](https://https://codepen.io/Pei0303/pen/GRYvPBa)             |
|  51  |      肉魚#2149       |               [Codepen](https://codepen.io/zoechen13/pen/WNaZNpg)                |
|  52  |    henrykgb#5749     |             [Codepen](https://codepen.io/henrymorgan666/pen/ExdwxWa)             |
|  52  |      homer#1525      |                [Codepen](https://codepen.io/Buckhorn/pen/xxyXKMo)                |
|  53  |     ChaosTu#9311     |          [Codepen](https://codepen.io/torotu/pen/VwEMwzp?editors=1100)           |
|  54  |      Dong#0571       |         [Codepen](https://codepen.io/mqwttngz-the-scripter/pen/Jjmrjmb)          |
|  55  |    肉個阿倫#7172     |                [Codepen](https://codepen.io/i9574385/pen/GRYMRBQ)                |
|  56  |      Akira#9996      |               [Codepen](https://codepen.io/Akira-Chen/pen/XWxeJjp)               |
|  57  |    Jarvis莊#8679     |              [Codepen](https://codepen.io/jason-hsuan/pen/WNaZbmw)               |
|  58  |     wiimax#4564      |               [Codepen](https://codepen.io/willismax/pen/yLRzyWb)                |
|  58  |     Yihwei#2027      |     [Codepen](https://codepen.io/auntebur-the-sans/pen/WNaEBop?editors=1100)     |
|  59  |      又竹#7302       |                 [Codepen](https://codepen.io/YO_ZU/pen/RweLNzm)                  |
|  60  |     jelly77#2088     |              [Codepen](https://codepen.io/Ming-chiang/pen/BaqwNzK)               |
|  61  |      LeeRu#1771      |        [Codepen](https://codepen.io/IMGameKing/pen/eYPGpmX?editors=1100)         |
|  62  |    拉斯卡爾#2696     |                [Codepen](https://codepen.io/novendia/pen/YzJryPW)                |
|  63  |      小明#4408       |   [Codepen](https://codepen.io/ujlylmbv-the-lessful/pen/rNqGVyK?editors=1100)    |
|  64  |      狸貓#5863       |               [Codepen](https://codepen.io/tanuki320/pen/RweLWJj)                |
|  65  |      chi93#1548      |          [Codepen](https://codepen.io/clarahc/pen/QWZqjrz?editors=1100)          |
|  66  |     jimhop#6510      |              [Codepen](https://codepen.io/jimsansssss/pen/BaqwoXG)               |
|  67  |      Guca#0281       |                 [Codepen](https://codepen.io/gucawu/pen/GRYMpLd)                 |
|  68  |       YHT#1696       |                 [Codepen](https://codepen.io/YHT31/pen/xxyXZOr)                  |
|  69  |     ray0304#2070     |                [Codepen](https://codepen.io/Ray0304/pen/YzJrwKe)                 |
|  70  |    Mountain#8160     |               [Codepen](https://codepen.io/mountain09/pen/abRLdmW)               |
|  71  |     jackwu#4437      |             [Codepen](https://codepen.io/jackwu1588003/pen/YzJrwwa)              |
|  71  |      Yu.T#4252       |               [Codepen](https://codepen.io/YuT200053/pen/KKGXVMw)                |
|  72  |      薇拉#8110       |             [Codepen](https://codepen.io/michellecc0522/pen/zYmExGo)             |
|  74  |  肥嘟嘟左衛門#6742   |               [Codepen](https://codepen.io/hexschool/pen/yLvWLZY)                |
|  75  |       翔.#0859       |       [Codepen](https://codepen.io/energy95272z/pen/OJBxMMr?editors=1100)        |
|  76  |   N0c7iluc3n7#4390   |             [Codepen](https://codepen.io/huang-yu-cheng/pen/jOeGqWB)             |
|  77  |      Rayo#8002       |                [Codepen](https://codepen.io/loborayo/pen/xxyXZvz)                |
|  78  |     PayRoom#8328     |               [CodePen](https://codepen.io/water38198/pen/RweLapw)               |
|  79  |       Yuu#5361       |                [Codepen](https://codepen.io/alycehwy/pen/MWPEyLB)                |
|  80  |      HOICK#9439      |                 [Codepen](https://codepen.io/hoick/pen/LYgzZBx)                  |
|  81  |      冬天#5215       |                [Codepen](https://codepen.io/winter_/pen/YzJrVPM)                 |
|  82  |      Lychee KK       |                [Codepen](https://codepen.io/kakakala/pen/QWZqvqg)                |
|  83  |    135144365#3152    |                [Codepen](https://codepen.io/Heng902/pen/VwEMbBw)                 |
|  84  |      陳庭#3529       |              [Codepen](https://codepen.io/yuting850309/pen/abRyGEE)              |
|  85  |      Celia#1715      |          [Codepen](https://codepen.io/drdrvpgf-the-bashful/pen/OJBxgyj)          |
|  86  |      阿榮#8277       |               [Codepen](https://codepen.io/codeitaday/pen/BaqwRgZ)               |
|  87  | charlottelee849#0366 |                [Codepen](https://codepen.io/char849/pen/VwEMbro)                 |
|  88  |      yoyo#1003       |                    [Codepen](https://codepen.io/pen/bGmoRgv)                     |
|  89  |      大昌#6691       |                [Codepen](https://codepen.io/jswei014/pen/GRYMEQO)                |
|  90  |      duck#3310       |                [Codepen](https://codepen.io/papy0715/pen/GRYMEdO)                |
|  91  |      yuki#9465       |               [Codepen](https://codepen.io/yukilin549/pen/GRYMEGy)               |
|  92  |    Bruce-Lee#0629    |   [Codepen](https://codepen.io/xxhdklwi-the-decoder/pen/QWZqgxz?editors=1100)    |
|  93  |    瓦爾塔姍#1673     |              [Codepen](https://codepen.io/vuarutashan/pen/yLRzXqW)               |
|  94  |      Judy #7874      |         [Codepen](https://codepen.io/hsiaohan/pen/vYVeZve?editors=1100)          |
|  95  |      歐荻 #7246      |                [Codepen](https://codepen.io/Odi-Mode/pen/LYgzLXx)                |
|  96  |  bonnieli1414#4906   |       [Codepen](https://codepen.io/bonnieli1414/pen/xxyXryO?editors=0110)        |
|  97  |     jia yu#8896      |          [Codepen](https://codepen.io/fjqxaznl-the-reactor/pen/abRLyzB)          |
|  98  |      蝌蚪#5874       |   [Codepen](https://codepen.io/byssjbij-the-encoder/pen/VwEMbqY?editors=1100)    |
|  99  |    peihsuan#6315     |              [Codepen](https://codepen.io/peihsuanlai/pen/NWOagbM)               |
| 100  |      初心#9021       |                [Codepen](https://codepen.io/Sylviax/pen/GRYMmoK)                 |
| 101  |     grayyyy#1014     |                [Codepen](https://codepen.io/jhye0222/pen/VwEMWgz)                |
| 102  |    satarkuo#5736     |                [Codepen](https://codepen.io/SatarKuo/pen/eYPGEPW)                |
| 103  |    Robert125#6314    |               [Codepen](https://codepen.io/Robert1205/pen/yLRzoZV)               |
| 104  |      提姆#9581       |                 [Codepen](https://codepen.io/timouo/pen/OJBxmBW)                 |
| 105  |      sosla#9673      |               [Codepen](https://codepen.io/Sosla-Ting/pen/oNaGeaM)               |
| 106  |     Hanana#9025      |               [Codepen](https://codepen.io/hananalin/pen/Jjmryxv)                |
| 107  |     黑白兔#0684      |               [Codepen](https://codepen.io/johnny329/pen/gOBGGOY)                |
| 108  |     Tina02#2691      |         [Codepen](https://codepen.io/riifwerr-the-selector/pen/poxWWyP)          |
| 109  |     ssshane#0673     |               [Codepen](https://codepen.io/sam6091260/pen/BaqwwvW)               |
| 110  |      汪汪#4486       |               [Codepen](https://codepen.io/hunwooooof/pen/RweLjVp)               |
| 111  |      penny#6214      |               [Codepen](https://codepen.io/penny8989/pen/jOeGajo)                |
| 112  |   RyanC893412#4835   |           [Codepen](https://codepen.io/mcdbfwcb-the-sans/pen/mdzBpBz)            |
| 113  |     Maxine#9061      |              [Codepen](https://codepen.io/Maxine_Liao/pen/jOeGYZP)               |
| 114  |     andrew#0404      |                 [Codepen](https://codepen.io/Loonng/pen/NWOaXBW)                 |
| 115  |     君Jyun#0147      |              [codepen](https://codepen.io/JyunCodepen/pen/ExdwoBQ)               |
| 116  |   popcorn_3q#9893    |          [codepen](https://codepen.io/arnyrpqt-the-sasster/pen/oNaGEwO)          |
| 117  |      Kino#5824       |                [codepen](https://codepen.io/Kinolin/pen/qBJPoEB)                 |
| 118  |      Welly#3964      |                [codepen](https://codepen.io/welly09/pen/qBJPoZE)                 |
| 119  | 不要迷戀媽的奶#0295  | [codepen](https://codepen.io/kewdjbwp-the-typescripter/pen/bGmovVY?editors=1100) |
| 120  |    RubyChen#9543     |               [codepen](https://codepen.io/rubyyjchen/pen/QWZqrGe)               |
| 121  |    Jaredlee#5887     |               [codepen](https://codepen.io/jared-lee/pen/ExdwLXW)                |
| 121  |      lyn_n#2078      |                [codepen](https://codepen.io/imlyn_n/pen/dygVejK)                 |
| 123  |      Ming#8730       |              [codepen](https://codepen.io/MingLin1995/pen/jOeGxxP)               |
| 124  |    Billy_Ti#9716     |          [codepen](https://codepen.io/Ti-Show/pen/oNaGdMd?editors=1100)          |
| 125  |     yuling#1634      |                [Codepen](https://codepen.io/igzdflpu/pen/QWZqxwE)                |
| 126  |   JasonChang#7847    |             [Codepen](https://codepen.io/jsonChangJava/pen/zYmEaRJ)              |
| 127  |      姜承#8204       |               [Codepen](https://codepen.io/hexschool/pen/yLvWLZY)                |
| 128  |   JasonChang#7847    |             [Codepen](https://codepen.io/jsonChangJava/pen/zYmEaRJ)              |
| 129  |      江江#1947       |               [Codepen](https://codepen.io/singing228/pen/wvYrxar)               |
| 130  |    吳偉雄恩#2256     |               [Codepen](https://codepen.io/Bamboo1212/pen/WNaZKrM)               |
| 131  |    andychiou#4830    |             [Codepen](https://codepen.io/andychiou1113/pen/NWOaBbY)              |
| 132  |    Helen Lu#1391     |                [Codepen](https://codepen.io/luhelen/pen/VwEMBOz)                 |
| 133  |      魚翅#3100       |                [Codepen](https://codepen.io/Fukahire/pen/zYmELmG)                |
| 134  |    HsuanTang#1349    |               [Codepen](https://codepen.io/HsuanTang/pen/dygVjvM)                |
| 135  |      雲漢#5319       |                [Codepen](https://codepen.io/keon981/pen/ZEqXjdE)                 |
| 136  |      Janet#5784      |               [Codepen](https://codepen.io/janetlinnn/pen/wvYrErb)               |
| 137  |       LIN#3034       |             [Codepen](https://codepen.io/Lin-Shin-Yuan/pen/XWxeBLm)              |
| 138  |       +7#8492        |                [Codepen](https://codepen.io/tojibom/pen/gOBGdmB)                 |
| 139  |     jun777#2468      |               [Codepen](https://codepen.io/js18151102/pen/bGmomKg)               |
| 140  |  Michelle7072#8551   |                [Codepen](https://codepen.io/shfkpndw/pen/bGmomPr)                |
| 141  |   勁辣雞腿堡#5817    |               [Codepen](https://codepen.io/orz311013/pen/xxyXyoN)                |
| 142  |   sabrina0314#3231   |              [Codepen](https://codepen.io/ashywinnow14/pen/JjmreRj)              |
| 143  | Ying Ying Liu #0836  |                [Codepen](https://codepen.io/yingyliu/pen/LYgzaKx)                |
| 144  |     chichi#1534      |              [Codepen](https://codepen.io/chichihuang/pen/jOeGmdZ)               |
| 145  |      Tami#6742       |           [CodePen](https://codepen.io/wqsdqbjn-the-vuer/pen/xxyPxpb)            |
| 146  |     長方形#9612      |                 [CodePen](https://codepen.io/imjjw/pen/XWxzWyW)                  |
| 147  |      安安#4782       |                 [CodePen](https://codepen.io/ratsai/pen/eYPGQBX)                 |
| 148  |     weiting#3489     |         [CodePen](https://codepen.io/weiting14/pen/rNqYaLx?editors=1100)         |
| 149  |      羽毛#5463       |               [CodePen](https://codepen.io/KYuFeather/pen/JjmOoqp)               |
| 150  |    JhouHank#8132     |                [CodePen](https://codepen.io/JhouHank/pen/gOBXbzZ)                |
| 151  |     JimWang#6134     |         [CodePen](https://codepen.io/Jim-Wang-the-selector/pen/bGmYdLw)          |
| 152  |    Pinkstar#4993     |              [CodePen](https://codepen.io/gabriel09772/pen/jOeaPja)              |
| 153  |     LeoSong#9861     |              [CodePen](https://codepen.io/leosong1116/pen/NWOwGKv)               |
| 154  |     peanut#6709      |                [CodePen](https://codepen.io/peanutN/pen/vYVWGLP)                 |
| 155  |   NathanJames#8120   |               [CodePen](https://codepen.io/ufo060204/pen/VwEredx)                |
| 155  |      Alan#2423       |                [CodePen](https://codepen.io/alan0305/pen/abRVNYa)                |
| 156  |     Amelie#0368      |               [Codepen](https://codepen.io/hexschool/pen/yLvWLZY)                |
| 157  |      東東#5015       |               [CodePen](https://codepen.io/wearymask/pen/JjmrroB)                |
| 158  |     Mia小福#4473     |                [CodePen](https://codepen.io/a0950271/pen/QWZOKxL)                |
| 159  |     Wendyli#2155     |               [CodePen](https://codepen.io/hexschool/pen/yLvWLZY)                |
| 160  |      科科#5463       |                   答:box1:寬338px高110px;box2:寬300px高110px;                    |
| 161  |      鉦勝#8333       |        [CodePen](https://codepen.io/atckmax823/pen/BaqmpEx?editors=1100)         |
| 162  |     Bella_#1587      |               [CodePen](https://codepen.io/Chen-Bella/pen/MWPOpra)               |
| 163  |     yichien#3053     |                [CodePen](https://codepen.io/LYC0818/pen/MWPOpGK)                 |
| 164  |    歐陽龍龍#1061     |              [CodePen](https://codepen.io/dizzydog-rgb/pen/QWZOpzw)              |
| 165  |     Tim123#8361      |                [CodePen](https://codepen.io/Wangtim4/pen/QWZOprL)                |
| 166  |     Yui1024#8275     |               [CodePen](https://codepen.io/Yuiyuichou/pen/oNaoWjP)               |
| 167  |     endau66#2102     |                [codepen](https://codepen.io/endau66/pen/xxyPrMw)                 |
| 168  |      PoWei#8484      |            [codepen](https://codepen.io/harrison-wei-lai/pen/Exdbwyo)            |
| 169  |     鄭舜仁#6606      |                [codepen](https://codepen.io/randomno/pen/dygZemJ)                |
| 170  |     史滴芬#4310      |              [codepen](https://codepen.io/steven870107/pen/RwejJjz)              |
| 171  |      小依#4947       |                 [codepen](https://codepen.io/bababy/pen/PoyOmmo)                 |
| 172  |     Evelyne#7323     |                [codepen](https://codepen.io/Evelynep/pen/poxdQBq)                |
| 173  |      柚子#3958       |               [codepen](https://codepen.io/as6625998/pen/rNqYRGP)                |
| 174  |     Jojonz#7998      |   [codepen](https://codepen.io/ewnrzxpr-the-builder/pen/bGmYZjL?editors=1100)    |
| 175  |      Kaya#8857       |               [codepen](https://codepen.io/laron9486/pen/yLRPwER)                |
| 176  |      Meiru#6310      |                 [codepen](https://codepen.io/mei00/pen/yLRPWLO)                  |
| 177  |     luhuang#1381     |              [codepen](https://codepen.io/minhuangjack/pen/MWPOdQo)              |
| 178  |    變羊魔法#6372     |               [codepen](https://codepen.io/cssf998811/pen/JjmOQjz)               |
| 179  |    leo.yujie#8280    |          [codepen](https://codepen.io/peihsin-the-scripter/pen/QWZOXJx)          |
| 180  |     Yuan962#5897     |              [codepen](https://codepen.io/Jasmine-Liao/pen/KKGyjmo)              |
| 181  |     Orphie#9789      |                  [codepen](https://codepen.io/orph/pen/OJBzJMR)                  |
| 182  |    Sonia Wu#7154     |                 [codepen](https://codepen.io/YUJOU/pen/JjmMjaj)                  |
| 183  |     Elaine#0023      |               [codepen](https://codepen.io/everelaine/pen/LYgeVGd)               |
| 184  |      Rowan#3253      |                [codepen](https://codepen.io/Rowanlin/pen/MWPrbgy)                |
| 185  |    Frank2411#0743    |                [codepen](https://codepen.io/wlk0411/pen/jOeYVmq)                 |
| 186  |     Yiching#0738     |                [codepen](https://codepen.io/haruko_/pen/OJBzbqy)                 |
| 187  |      一瑋#8459       |                  .box1:寬338px,高110px。.box2:寬300px,高110px。                  |
| 188  |    ruby0316#3380     |              [codepen](https://codepen.io/rena6211zera/pen/jOeaMwg)              |
| 189  |       QOO#8446       |          [codepen](https://codepen.io/QOOQOOQ/pen/jOeYaRp?editors=1100)          |
| 190  |      ABOOS#6276      |               [codepen](https://codepen.io/guhungyin/pen/BaqmzYJ)                |
| 191  |   shaofu_chen#9063   |          [codepen](https://codepen.io/coeobkcu-the-lessful/pen/gOBozbx)          |
| 192  |       LYC#5516       |                [codepen](https://codepen.io/chi-yen/pen/wvYpygV)                 |
| 193  |     林炘秀#4223      |          [codepen](https://codepen.io/afjrvjzl-the-bashful/pen/vYVprBr)          |
| 194  |      Zhong#8917      |          [codepen](https://codepen.io/klfjrlod-the-sasster/pen/YzJYdOE)          |
| 195  |   edie599916#7112    |         [codepen](https://codepen.io/Chen-CiCi/pen/bGmazdy?editors=0110)         |
| 196  |     Winnie#2737      |              [codepen](https://codepen.io/WinnieHuang/pen/yLRpZZb)               |
| 197  |     JiaYin#1196      |              [codepen](https://codepen.io/chen19970221/pen/PoyELpN)              |
| 198  |     啊真真#8940      |           [codepen](https://codepen.io/fctamuvf-the-vuer/pen/abREeyv)            |
| 199  |     Yvonne#2721      |                 [codepen](https://codepen.io/Evonne/pen/zYmROqN)                 |
| 200  |     阿鬥鬥#2906      |               [codepen](https://codepen.io/yvonne217/pen/wvYywmw)                |
| 201  |      五福#1395       |              [codepen](https://codepen.io/abcxyz23572/pen/ZEqrYWP)               |
| 202  |    brianorz#0736     |               [codepen](https://codepen.io/brianxd123/pen/JjmpKZq)               |
| 203  |      地瓜#3472       |              [codepen](https://codepen.io/huangtzuchin/pen/KKGQNGM)              |
| 204  |     tommytu#5441     |         [codepen](https://codepen.io/du-wei-yi/pen/dygdvVO?editors=1100)         |
| 205  |       JIA#7843       |                 box1：寬338px、高110px；box2：寬300px、高110px。                 |
| 206  |       OZ#2529        |               [codepen](https://codepen.io/OZ_design/pen/vYVdZKq)                |
| 207  |      betty#0693      |                [codepen](https://codepen.io/betty-hu/pen/BaqYZmL)                |
| 208  |    RalphYang#2605    |              [codepen](https://codepen.io/ralphyang318/pen/gOBvGzE)              |
| 209  |      紫紫#7337       |                [codepen](https://codepen.io/picahsin/pen/MWPQGbZ)                |
| 210  |      喬喬#2824       |               [codepen](https://codepen.io/joanne-wei/pen/MWPQXYY)               |
| 211  |     Lainie#1931      |         [codepen](https://codepen.io/Lainie88/pen/poxaOZY?editors=1100)          |
| 212  |    貢波波夫#3056     |          [codepen](https://codepen.io/mxgrfgcr-the-bashful/pen/poxaxwJ)          |
| 213  |    Alice Su#4613     |               [codepen](https://codepen.io/alice0401/pen/YzJeddQ)                |
| 214  |     瑪格達#9383      |          [codepen](https://codepen.io/tqndxnfc-the-sasster/pen/yLRvrRr)          |
| 215  |     alll6z#9204      |                  [codepen](https://codepen.io/A6Z/pen/YzJebJO)                   |
| 216  |    0xMarduk#9925     |               [codepen](https://codepen.io/marduklien/pen/KKGQrpN)               |
| 217  |    Joanne Hu#0010    |         [codepen](https://codepen.io/nelbabkv-the-flexboxer/pen/jOezYOa)         |
| 218  |     Erikaaa#1616     |                [codepen](https://codepen.io/ChienHua/pen/mdzxwvJ)                |
| 219  |    SnailAnn#0508     |                [codepen](https://codepen.io/AnnSnail/pen/xxyjbmx)                |
| 220  |     Mylène#2481      |              [codepen](https://codepen.io/hamajibashi/pen/MWPVQXK)               |
| 221  |    townyuan#2653     |                [codepen](https://codepen.io/townyuan/pen/NWOMYmr)                |
| 222  |    hello77tw#5984    |                 [codepen](https://codepen.io/luyoyo/pen/QWZrxKZ)                 |
| 223  |      Döng#2328       |          [codepen](https://codepen.io/htamlkdz-the-encoder/pen/xxyjBqP)          |
| 224  |   Elena Lin #3392    |              [codepen](https://codepen.io/elenalin119/pen/bGmMZjd)               |
| 225  |      FanJJ#8061      |                [codepen](https://codepen.io/yfchenn/pen/abRKmVP)                 |
| 226  |     Jenny真#7532     |              [CodePen](https://codepen.io/wei-chen-wu/pen/qBJKRXp)               |
| 227  |      Daryl#7671      |               [CodePen](https://codepen.io/yihong1011/pen/ExdRmEj)               |
| 228  |      Xing#6281       |           [CodePen](https://codepen.io/ting-ting-the-bold/pen/RweJZXR)           |
| 229  |       Kun#8009       |          [CodePen](https://codepen.io/khugjkcd-the-reactor/pen/NWOzOQe)          |
| 230  |     FiReBrO#0557     |               [CodePen](https://codepen.io/firebro42/pen/qBJKeBK)                |
| 231  |     mike519#4399     |                   .box1 寬338px 高110px  .box2 寬300px 高110px                   |
| 232  |      嵐閻#3844       |              [CodePen](https://codepen.io/shangchu0412/pen/dygjYXV)              |
| 233  |    路人ADCB#9851     |              [CodePen](https://codepen.io/markyourpage/pen/WNaKGBE)              |
| 234  |       914#8587       |              [CodePen](https://codepen.io/joycewu88619/pen/bGmjvjy)              |
| 235  |     lishuan#3698     |                [CodePen](https://codepen.io/lishuan/pen/GRYBYpZ)                 |
| 236  |   Rainie Lin#6042    |              [CodePen](https://codepen.io/Yunchian-Lin/pen/wvYEagd)              |
| 237  |    eva_onair#3712    |                [CodePen](https://codepen.io/eva-tsai/pen/MWPqQbV)                |
| 238  |    鹿熙 Lucy#7187    |                [CodePen](https://codepen.io/JingHuei/pen/MWPqLpV)                |
| 239  |     Kris L.#0262     |               [CodePen](https://codepen.io/Yi-Ting-Lu/pen/yLRQKmr)               |
| 240  |      Elma#4317       |                [codepan](https://codepen.io/Elma4317/pen/dygQjob)                |
| 241  |    lin_lion#7502     |                [CodePen](https://codepen.io/Lion-Lin/pen/MWPzqJW)                |
| 242  |     Linndaa#7725     |               [CodePen](https://codepen.io/Lindatsou/pen/BaqGqEL)                |
| 243  |     慢慢來#4035      |                [CodePen](https://codepen.io/kikiyang/pen/BaqGGop)                |
| 244  | Idealisticfool#7104  |                    box1:高110px 寬338px box2:高110px 寬300px                     |
| 245  |    Charlene#7703     |          [CodePen](https://codepen.io/anny114/pen/bGmOMPJ?editors=1100)          |
| 246  |       Ooo#9446       |                [CodePen](https://codepen.io/Ooo1028/pen/zYmexbB)                 |
| 247  |      小魚#8614       |               [CodePen](https://codepen.io/gizelliang/pen/eYPxVKv)               |
| 248  |      風雪#8214       |             [CodePen](https://codepen.io/johnsonyang13/pen/oNaOWRp)              |
| 249  |     杰_jie#9088      |                [CodePen](https://codepen.io/hmj8805/pen/jOeRvRK)                 |
| 250  |    eLantriC#4247     |                [CodePen](https://codepen.io/eLantriC/pen/wvYbzGW)                |
| 251  |   PatrickPie#1112    |               [CodePen](https://codepen.io/patrickpie/pen/KKGLNqb)               |
| 252  |      Pony#6778       |                [CodePen](https://codepen.io/Pony0303/pen/jOejLGy)                |
| 253  |      ztion#8403      |                 [codepen](https://codepen.io/ztion/pen/bGQNvYr)                  |
|   254   |    pss940909#8650                  | [codepen](https://codepen.io/pss940909/pen/PoxqmyM)                                                                                    |
