---
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 連結貼至「回報區」回報
（也可以將答案直接貼至「回報區」）


<!--

解答：
.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) |