Felx布局（三）

flex网格布局

平均分布

最简单的网格布局，就是平均分布。在容器里面平均分配空间，跟上面的骰子布局很像，但是需要设置项目的自动缩放

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAA7kAAAHMCAMAAAAnCZ+pAAAAwFBMVEX08/D///9AQECioqDY19S+vrxFRUWOjYxISEhNTUzx8O1ZWFhUVFPT0s/b2tiTk5KlpaNKSkrBwL7h4N1fX17v7uuXl5Xn5uOCgYC6ubdmZWXp6OXe3dupqKd+fXxPT0/FxMHs6+iLi4lra2qRkI9zc3KSkZB2dXTX1tN4eHe3trTKysdcXFxiYmGwsK7HxsTPzsxpaGjk4+Czs7FbW1tRUVHIx8WhoJ5wcG+bmpnz8u+urauenZz29fOIiIa8u7lzwm9fAAAmbklEQVR42uzTMREDQBDDwA+w408rDFKks71LQaP3AfI4FxI5FxI5FxI5FxI5FxI5FxI5FxI5FxI5FxI5FxI5FxL9PPceeU7KFvfnuY9IJ2WLc+4UKWs4d4qUNZw7Rcoazp0iZQ3nTpGyhnOnSFnDuVOkrOHcKVLWcO4UKWs4d4qUNZw7Rcoazp0iZQ3nTpGyhnOnSFnDuVOkrOHcKVLWcO4UKWs4d4qUNZz7Zc/uVhKIwigMf+xEzJksdExD84eQKCNEAy2j+7+s2I4Keglrvc/RfMcv62DYVkgpg+XW+sPUOX1O/2K+rZrlZBxqSCmD5R6MXlrn3O9pFbty292XxSjEkFIGy816VbE5595VEXc59Cp9hhhSymC52WCxnp1yj9ND1NrpO8SQUgbLPeqecj82B1FrpE2IIaUMlnuVu11O4ui+ZfBzFHpcU5ovt5tmUVs2n0MNKWWw3Kvcb8VPHDSmw5BDShks9zL3uvlb3+PytR9ySCmD5V7mvkm9yHrFQrC21XLtUnov92MR2fprp1jbarl2Ka2Xu0xP+ZhXt/tNptaclDJY7kXu4bSdj046UntLIKUMlmuFlDJYrhVSymC5Vkgpg+VaIaUMlmuFlDJYrhVSymC5Vkgpg+VaIaUMlmuFlDJYrhVSymC5Vkgpg+VaIaUMlmuFlDJYrhVSymC5Vkgpg+VaIaUMlmuFlDJYrhVSyvhn5w5uAIRhIAiGwtx/W/yDQAIJwTkzJVyyXyt3KZ6yDeUuxVO2odyleMo2lLsUT9nGs3JrkKg8ZRd1Va50mylP2UVtV+UCeZQLiZQLiZQLiZQLiZQLiZQLiZQLiZQLiZQLiZQLiZQLiZQLiZQLiZQLiZQLiZQLiZQLiVyzcTTmhMU+V5vbjy8oi1ns4BcX5AaOo1rsvs+vtg78Q4vdotwEFrPYTLkJLGaxmXITWMxiM+UmsJjFZsrd2am31YSBKIzCm5HENhHxlEZtqIIVaj002ArFiu//WCXaBLKZB5hd1rrIZG4/+MdCiCGmY7kWQgwxHcu1EGKI6ViuhRBDTMdyLYQYYjqWayHEENOxXAshhpiO5VoIMcR0LNdCiCGmY7kWQgwxHcu1EGKI6ViuhRBDTMdym7Kp69e/i6sU3TQ+bd4khBBDzBPLvfW8emhU312ZpPtOdPgaFhJAiCHmieVWjSfpZ6P6PREpziLSdxcJIMQQ88Ryq/L1cVmrFm4g985xVwIIMcQ8sdy/RrXqU5zLvdIdJIAQQ8wTy1WqSe9FbuWz3iqTAEIMMU8sV6mO3LI6IufcNJcQQgwxTyxXqW7Sc3XkH9FgviglgBBDzBPLbase44vUZfu5BBBiiHliuW3VjhtL0/VRAggxxDyx3Lbqbl19E6nKdoG+hxJEiP1nMWvL3bpZdSknl9nyZx5HEkCIIeaJ5bZUp4ukuuSvu2F82mwlhBBDzBPLDT7EENOxXAshhpiO5VoIMcR0LNdCiCGmY7kWQgwxHcu1EGKI6ViuhRBD7Jd9OjYBEAqgGOhif/+17F9hIQgG7kYIZDm3QDHFlnMLFFNsObdAMcWWcwsUU2w5t0AxxZZzCxRTbDm3QDHFlnMLFFNsObdAMcWWcwsUU2w5t0AxxZZzCxRTbDm3QDHFlnMLFFNsObdAMcXWP849Fw+OYop97Dyda913jmKKjW+L7blAj3OhyLlQ5Fwoci4UOReKnAtFzoUi50KRc6HIuVDkXChyLhQ5F4qcC0U3O2fTkkAYRtHLUFNqRahlnypJga1Cg0Ky//+zGgm/ooGWzT33rN7teS9n+6TcEJpIyg2hiaTcEJoI6poN45wKwhIhWVnm9uM3S4IkwxIhqWXKRZ0NRVgiJHNvmT63/EBIplz63PIDIZly6XPLD4RkyqXPLT8QkimXPrf8QEimXPrc8gMhmXLpc8sPhGTKpc8tPxCSKZc+t/xASKZc+tzyAyGZculzyw+EZMqlzy0/EJIplz63/EBIplz63PIDIZly6XPLD4RkyqXPLT8QkimXPrf8QEj+z3Ivroqz9XP0qRW91qt+0uy5/ygZy0g2ptzbyfHmJ56LF62Yus39q6RduZlyF/dye/3OfPMT732tmLcevOaukTQrN1Pu4V7u4HE2Xv/EXXGuitno/slr7hpJs3Iz5T7m5VZ01z9xWQ5UMZwsjrzmrpE0KzdT7sMpt30yVMV1eSDfuXckjcvNlBKo3G4xljQYvcl47q2kc7mZsoJT7rSzkDS8aTvPvZG0LjdTSpxyZ+WHpMPyVMZzbyWdy82UX+zcIU5DURRF0UNxWExrQBEEiBrkm/+0+A0kJF/Qpu6evdcMbk528tS7wJT7eHhOcjz8eslOxdxXjvRKj5xX7udbNufTxfvX6ZydirmvHemVHjmt3I/DKT+Kn1h/Rza/lp1ywyn3+PrUP/d2JKBcp9wQyr3J9Llv4JUeabnOTbkScaTl0udOH8SRlkufO30QR1oufe70QRxpufS50wdxpOXS504fxJGWS587fRBHWi597vRBHGm59LnTB3Gk5dLnTh/EkZZLnzt9EEdaLn3u9EEcabn0udMHcaTl0udOH8SRlkufO30QR1oufe70QRxpufS50wdxpOXS504fxJGWS587fRBHWi597vRBHGm59LnTB3HkneWutFmEIxlXIo7M+q9cULqLcCTjSsSRuyv35Uqax3KliSxXmshypYksV5rIcqWJLFeayHKliSxXmshypYksV5rIcqWJLFeayHKliSxXmshypYksV5rIcqWJUL/ZMDA+ekFYD/79SLKcssWyXBSnrGG5KE5Zw3JRnLKG5aI4ZQ3LRXHKGpaL4pQ1LBfFKWtYLopT1rBcFKesYbkoTlnDclGcsoblojhlDctFccoalovilDUsF8Upa1guilN+s3Pt74UDUfR+gxGCeAv1tqiiLV1bbX38///VZpLRI9NZbJ9Bzg8+knvPnHvvnG362DkbhM69KISjPBuEzr0ohKM8G3ypc2Ms6r1IRJgm6M8kQwBiPgUgDRRYhN6Pit0yuk7X0N/gOFfI+rzOoLiDi14ePs25eeai+f/OXVyHzt2HWo98sFvV9lh07aucG2P39E4IWd/oXCx6efhE566qDu4POvd4k5VyydNxLsTqbn3EucuhnyJXJhdBdC7wbc5Vm/xF8YeZDjMH1bljAj7kXFCekHMhVnPrQ85t2j6KDnsJnbunyV8Uf5gJn0/UufGEHIHOufVRLtH7I94X7ASvtV+H0ygazMGAEFPmzoUubYGU4pIElkUCS2RabyZyTpqHpklEyVauRE74SFlYmyIklLqJhN1JPqWM2d3rU2qvtrWMZfLW7Jqo0k3xVLwCCohV2d/Ucd03jGGUR2iXBllXA5MnalmfuG58lyJrMm5M0dovdS4kWv1K07ChVO0WnCa0Z0aG0U+jHt+uUDP3dEbwaWUQuN0gX5OTL72WMd1oREI/4g9PF2uBABmSSWVGwVL0aTuXm4P8ZmYUiK7M4k2+ye7k/Sy/LaT7ucJuTKHMopkKbYGUCJuLFrIILom0eKxa4xkv9oU5VGPO20Rz1lAW1qdQI7e28i+tZtzeOFfrDoe4U3DSXZRqhnXzYncchkUjn20VOwQKKVbH7qujkDAf8oMFj9AuDbKG5sOfajzrE1de7VJk/rByOvodzvVJtKa90e0dlKrd8jnXMK3Yi5moox7sCn2mvjMen0aGALhFkG+z9Mux9ohfv10K+hF/zHS3a4EAGZJJZUbBUvRpO5dFtl4oJypEz8WevF9rElGUxXwxWZYkACkFliVxd45LTtqjdLOLDHsgGvRmcaIqiyoL61Oo4b57YSOR74R23G8oH3llK34sdbhev2ZPPgohVsvuqyPOC0S0EldBg6xnniUBRZyP4ko8LX+5c9VKLWb7ZqB2C87daq/zNerBrtBn6jsj+RQZEuAWQbJDQEfcVpeCfsQfMV2sBQJkeEwKMwqG6MA618XmwNMyOWgNiIpNb1xJ7/7EFrMWzkWM2lykLGdEVOsTLr2m/ZLBqTXR77JlEnVTBNJ9KQ0mZjYWnicyykTrVNJ91vYwm211DElgOSVQSLE6dl8dEzc3wyI+GmTVzDYJIP2HnKtWanl6oFTplt+5Ge9rIqEe7Ao1c29nBJ8qQwLcWudSaqBZCvoRf3i6WAsEyFAmrzoXogPr3FXVQUHr3DFzMKaI161UnIgzD1fbf1ZvKpmReUWIeTMMpDywjPdVFZeQ5sH+TVE2HrM0FW0fqTZFOrdDRPesvf0Bbtp5m2Yx8rCw5RvDS1gbGrFg19dhdMVriUV8NMgqDJm5mhMh/Yecq1ZqGf4ZKN1SnFvydjGhHuwKNXNvZwSfKkMC3Kpzkw9D0+Dsl2Yp6Ef84eliLRAgQ5m86lyIDqxzfU/LSZ9zKzcOKhRh9GqgZtpF0gtK2owvmhkiGaNzLlI6xopWRmf3EtI8PLDCYyuZTKzmwuG4q0mBc0vumO/kmN1neKu11dDaTirXxWwVsQq7xrlx2RwfDbKIolbLuHGZf965kEhWQpmB0i2Nc7ucUA92hZq5tzOCT5UhAW7VuTYvj+tXrV+apaAf8UdMF2uBoKU4V2FGwVvRgXfur5x4rWufltGK333aHXYhESOBfc5FCtlTKtq+S6oN5+ymt3YCe1U21y98hHNfjI4ZJ4naTL6Z9vE8pYoFu74Oc0TyWyfQeFlAZ2SUguFcSJS7D0qVbumelvsm6sGu0GfqOyP5FBlqr1TnzplFRCWucy70I/7wdLGWIEAGmBRm2OCUnPvI6uL1gHMtlt4ddpVFn9/E3ArTAUihNsuzO1zS2JCKax4juuHrombhI53byZWx5goFRvEzDEUs2PV1dPlc/iwMNDILuGEFRRwovtG5fokJzOCwcx+JKMO6qAe7Qp+p74zkU2UovfKC0KECy7o3dM6FfsQfni7WEgTIAJPCDBucknOjvLbJD0xjv3OvzNxT9TY+kPc7E8aYUdv4Yq6ZPU7j96lIoWTKTD0TLmmcGzeMkhPAc3H9wsc4l7p8in/ei4aTuL6m0nTRaDdak45GLNjVWx5JPTF5yJdFc3ZpkDWNxMa35kwRB4pvcu7Tg4MxJMrdB6X7ncsXVv5mkiigHuwKfaa+Mx6fIkMC3CLI16FJqnr3tNA+LUM/Ntfh6WItECDDY1KZtwWfkHOpPcvlRpnifueKX3gzo1f17l/1lrebze2QX/tiGiluPSdWMhspRBazdi9pnLthI3KwZDH9wkc5955lUWElnuKJZZ2oMzB5qlsheiMW7JpbLtLu3xvUIrRLg6xfE8P4bVUUcaD4Jue6WEOi3H1Qut+5RnRoGP1rQj3YFdpMfWckn04GgXsbhA5FlzljmbY1zoV+bK5jpou1QIAMTB7MrwUH37kfwtOihD/s8yPK6vRjaPAKnRX+Pcoz/v8drwjW5joL59pFErhnMVJxO6QfQ3Ji03khdG5gNtd5OHfD4veZ++xilqTg4E97aETpvBA692wQDOfSZtliiVmkRAHCjNfu6MwQOvdsEBDnhvgXTtC5IXQInRsidG6I0LkXhnCUZ4PQuReFcJRng9C5F4VwlGeD0LkXhXCUZ4PQuReFcJRng/c5N/xV3onifc5lEfU4cuWzcvnIU/SPj9Yvg82mEr8TYIC+TywldG6IH3Cuehw5PquXj7aHPro4lW8mxb2Ho3+9c4+r5vjQgDq3lEuGzg083u3czwYMpp4sHmGeBe6VVdXor3fuR0rRI5DOzbPQucFHEJ2rnCxeYBYJxNmctPsswM7Ns9NzrjwfWnckuXKuNc7RxpHWOKh6mxUC+G7nYiw4vlw9A118xlAxPy8MR4zjCHwBjBf2kDsHWKaehYhWX3OEvIyWy/DoUKpRji08eDC7elU9nh0vWFoAp/QfKgU9ADWuBsi5f9k5256ooSCMNlV0UXSV8CoERQXdKIqumhD///+SobM56cN0aVh27bbzfGjSm3vv3HZ6IjFw3A8dKcnFa41HG6U1ompf1btf9e9IWpFLW9CXiwPd772p9M+noRhHgW9RQb46zl3+Zx/2djmNFPI+28ts7W1Pd14fK7ktxOwyqnp2LpS2YOm/61F4B6F8vTvkmjcrdqGL1xqPNkprtNOsypAVk0tb0JerA93uaSr9q6aheUeBb1FBfuw4H9mncTI6jRTyNpsyNrhv04Xcu8XsOqp6di5WmmDpn/8ovINYvt5Bcm8rycVrjUcbpfVMO82qLv2hbo/SqpW0BX25OtDtnqbSPxtGMY4CX9s7h9ziYHP3Gt+DIlDIQy5lJs+V3BZidh1VPTsXSluw9M9/FN5BLF/vILm3leTitcajjdIa7TSrMmS15NIW9OXqQLd7mkr/bJivAAW+tnceue/Kw2JqdvNIIQ+5nEbJbSFm11HVs3OhtAVL//xH4R3E8vUOkntbSS5eazzaKK1n2mlW5b+5ZNXk0hb05epAt3uaSv9smK8ABb62dx65z35PijP7b6pIIQ+5nEb1/C3E7DqqenYulLZg6Z//KLwDla93n1xXR6vXGo82Smu007YqI1kxubQFfbk60Kt7mur9U3JR4Gt755FbnI+OzJ4YKuQhl5/dVc/PfVtyVc/OhdJNlv67yGXrbpJrfuhQSa5eazzaKK3RTrPq6LBTbpt+pE0raQv6cnWg39zTVPon5KLAp71MxHFeb/eL8mn5uTadSja7dpqfT96rnp/7tuSqnp0LpcXS3/goSi5bd5Pcyg8dKMnVa41HG6U12mlWnZevigxZGbm0BX25OtBv7mkq/VNyUeBbVJCP47ze7osnb2S6V/LZXub19WmmdhrR83PfllzVs3OhtAVLf/OjKLls3U1yKz90oCRXrzUebZTWaKdZ9Xe0XWTI6silLejL1YFu9zSV/gm5KPDFdl9NxHFeb/cjwzhSyPtsL/PJT6N6fu5bk6t6di6U9mDpjx9FyWXrjpKbZsA1SNDKZfVOFfiZKl377cckdy2yQnJVgZ9JcjNrQ24nFfj9SJI7qCxMbh8U+P1I2mwGlWxlb5LkDirZyt4kyR1UspW9SZI7qGQre5Mkd1DJVvYmSe6gkq3sTZLcQSVb2ZskuYPK4q1EVb40NSQV1j0ikExyM/+fXMTgSyGXCprLsrQ/1v9SrEGS3EzXyF2mjhnfeEzu3sb0aqvceLgKyzg+5MZTktxM78ht9o3z1wv7WzsPV2Fpx4dcnZLkZh6eXOzm47P9k9EB6nQ84TffJCJ1pjT6xJGER4PsgAwdS7mSa/apclePF5jV41oYzXG8Rz7zaB9/6snLH49qojo9/oxcVlLLp7B6VibJzSxCLnbz8cWHybfvqNPxhN98k4jUmdLoE0cSHg2yAzJ0LOUBuU/LXT1eYFaPa2E0x/Ee+syDffypP25t1snV48/IZSW1fAqrvUySm1mIXOzm4/Kgpk7HE27fJCJ1pjT7xJGEx4PsgCQOS7mS+2zn4tbxIrN6XMsqiOM99JkH+/DUkBsdH3JZ6bV8CqutTP60nFmYXOzm4/K4pk7HE27fJCJ1pjT6xJGEh4PsALlYypXc08tJcLzArB7XAi4c77HPPNjHn/qxkMshhFxWUkvJtTJJbmZRcrGbj0eiTndPuH+TiNSZ0ugTRxIeD7KDk4ulXMi1fN0oguMFZvWoFnDheI995tE+/tRCLocQcllJLSXXyyS5mYXIxW4+3qyp0/GEO7mI1JnS5BNHnhYP+g6QK5ZyyL3a/nNcWOR4gVldaym5ON5jn3mwD0/t7OkLUHJZ+VbIZbWXSXIz9yfX7eaggTodT3j1TSJSZ0qTTxwc4kF2gFy1lIvTSo8XmdUZCsnF0R/6zMN9fk3cwo6QnRcQkGsrqQW5rKZMkpu5N7luNwcN1Ol4wqtvEpE6UwKfuIATD7IDMnQs5S5Sj8hlZWRWD2thNMfRH/rMo338qV8ZcAjZ5fiQy6GoVU1hNWWS3H/snG1T00AURncWiClIVbBYBXlH5EUEHWZAHPj//0q3CXPsdRNTJZ2YfZ4PmYbs3btwOSOiPcrfk4vdvEQDdTqe8PA9iUidJdU+cXCIf5AdkKFjKUekbsmlMmJWj/fCaI7jPeozj+5TftbZwpSQ3RwfcqmkV7GE6sc2+mlZ+QdysZuXaKBOxxMevicRqbOk2icODvEPsgMydCzliNQtuVRGzOrxXhjNcbxHfebRfdzqTZ4fDwO5CNnt8SGXSnqVS6gu24hcpfG4ZTfvyP/51L8KKTONW3Zzkat0P7+PUnZzkat0P7+PUnZzkat0PxplbyJyk4pG2ZuI3KSiUfYmIjepaJS9ichNKhplbyJyk4pG2ZuI3KSiUfYmIjepdG6US36xBUs6e//lVn6h86p2kZtUOjdKyDWW9KfZm61mJzdUdjgiN6m0PsrmMnDoainszWGak9sd87rIVeZJ7prvELkcpjG53TGvi1ylIbkLn4YneX60OiU5K7Xk9XpvHuILZx1WcuThxiVeNDGW9JianKKom529w6W5GR35e1n+/vVofzAY7y3fPs+vPrta8zqHs2VFqGWpyFWekNx85cXS3cpga5rcQkteq/fmIb5w1mElRx5uXOJFE2NJj6vJKYq72SF3FjN6KX+H3Ff3L9budrafjR9+LtiqM69zuN/LQqgVuUob5Jai8K3sfppcP3Z/0nvzEI8a6zCFIw83LvHQxFjS42pyiird7JDb3IxOr0dyJ3Dd+ZOJWPp9rXmdw9kyY1sXuUpL5A6LPyoNuVsurveuJ5d1mMKRhxuXeGhiLelxNTlFVW52yG1sRkf+Drnha3Hmv06UzBu15nUOZ8vspy1ylXbIHRXfYdPk5s7F9d715LIOUzjycOMSD02sJT2uJqeoys0OuY3N6PSC3L2JH2R3omTeqDWvczhbZj9tkau0SO5+NiXzLnRt9XpvHgIL6zCFIw83LvHQxFrS42pyiqrc7JDb2IxOL8gdTRD8XCBYa17ncLbMftqPS0Wu0sJPy0cryLwht1bvzUNgYR2mcOThxiUOuZRF1eQUVbvZIbe5GR35e5zcavM6h4uTy9FYKnKVp/8N1dDvI/OG3Fq9Nw/xhbMOUzjycFzihlzKompyiqrd7JDb3IyO/D1ObrV5ncNVkkstS4MDXuQqT0Nudv1i7fR8sI4KHHJjeu+Dd86Zh/jCWYcpHHm4cYlDLmVRNTlFlW52yG1uRkf+Hie3zrzO4arIpZalwQEvcpWnITdfPM7zo48OFTjkRvTe3wbfnTMP8YWzDlM48nDjEodcyqJqcooq3eyQ29yMjvw9Tm69eZ3DxcmllqXBAS9ylach17uZsui3XE36IlvsWERuUmmF3ItjF4/InYrIVbpFbmVE7lREriJyFZGbVDTK3kTkJhWNsjcRuUlFo+xNRG5S0Sh7E5GbVDTK3kTkJhWNsjcRuUlFo+xNRG5S6fIojZl8rqry5l27cESRm14ajXLX+9IRvuj9rptTrJl8rqry5l27cESRm14akjv48Ph22TmSi3M8XGer+fNzXvYkIjepNCT3/nq5eMvr/RzJxTkerrPW1D/npchV/sc0JHfNr4UXa9lSIHf57mAn//TgUH0jHI+Zw6mYtqlzx4IgFc/9z3xwOM2Lq/Wlh1BnPeUcpFraXr6M+N+Rw0e6YmGnPUp3VymPtxG5Stvkrhd+0e2TMx9QONpY2j3JPqL6RjgeM4dTYWzq3LHgZXaxvnr0av1Xp3lxxZfOBtRZTzkHqZa2ly8j/nfk8JGuWNhpX9RZcss6kauQ+ZK7kG06t5m9DeQW2cteovpGOB4zh1NhbOrcseW77clvwpYcrrfiii+dUGc95RykViAbXkb878jhY12xsNMepbuVx9dE5Cptk/vF3zl3tzOCXPf8g0P1jXA8Yg6nwtjUuWPB+TggU0UuJbbOeso5yIzkbhk5vO2KhZ32ZZ0ll7poRK7SOrnu6MC5q2duQu7y1+OVPPOHDtU3wvGIOZwKY1PnjgUb2emb4cnKZpxcuwF11lPOQWYjN7dyeNsVCzvtyzpLLnXxiFyldXJP/XDRXxbkjrONs63NnUOH6hvheMQcToWxqXPHguWxz663hy5Ort2AOms75iCV0nbItf535PCxrljYaY/qrkYebyNyldbJHQ1uN167CblfJk7FUXaI6hvheMwcTsW0TZ07Frj1wZILqSaXDdjYkstB6qTtVmkOucjhbVcs7LQ35FbL421ErtI2ue5+5flCQW7xC5pTf4jqG+F4zBxOxbRNnTsWuLd+8ZsLwWleXGGIDagznnIOUidtt0pzyEUOb7tiYae9IbdSHm8jcpX2yT3z2ZeCXHf+/O3n2+udQ1TfUek5LFGB7jyEOxbsnXvv83cPU07zyRVfOhtQZz3lHKRa2m6V5pCLHD7SFQs77SE3Ko+PReQq8yDXrRy7ktzFm1f5zer4ENV3THoOS1SgOw/hjgWbBzcXDw8Xx9lHh9O8uFpfeggbW085B6mWtlulOeQih490xcJOe8iNyuOjEblKf94rdHs9mvzd0N+5ueX/0V2KXKWr5I5fu5BLvzRzqcgVuemkc6N88M8uh5cvr6+WZ60UuSI3oXRvlA83O35wtTCauVDkityEolH2JiI3qWiUvYnITSoaZW8icpOKRtmbiNykolH2JiI3qWiUvYnITSoaZW8icpNKZJT/qv/2C/OVk9vwRqNwabcLrey2b8Y7+X79l0nk/mDnbJuTBqIwuhM6NAjWiqViLVKqtkWp2jenitX//6+UJHqG65IGEQ27z/mg7m723oTljLbSR6zb3JuzNZl7ebKXphM+kU/DdZpLl79tLmX7w2dHb2WucPD//7VMvPiKb8kPw/R4Ot1ura4Q92TNXTv+Lo/3nXMyV/yiDuZ2k79j7qjTOZz9/qR93Vs9Ub1W5o6SqcwVhn9nLm/NxUnkpIS7s9dperrVbMxlqA32esetVn/04FMnvXg/V3fw8weCjpKpY48JJ8/rjncu5urSPsPeE+ayh5I8FpHorFa6e9PKDHfbSTM996fG8zJlsJT/uHOzs/3UMStzxUrmliaRFynhT1rtq+7JjTX38ddH3enwxXb/24/dh87B6fCzy7kZW3MJGc/rvuq05urSfoa9J6+5lOSxiERntdLdm1ZmuPMx2X+45U+N52XKYGlW5GbQ3R3ujRyzMlesYm5pEnmREr7dfJIFUhlzZ7+4aTLOcp0GzsH1S1dwO7HmEjLur0v7GfaevOZSksciEp3VKndvW9nh82S6KDWex8lhye1nop4lnxyzMlesYm5pEnmREj45ddn725q7k6XgXM0m0n3noHPqCsaduT2Ek1N3y9SlPeYy6TOXkjwWkeisVrp724oh5vpT43mZclhye9mSuz13zMpcsYq5pUnkRUp4/v+Xvd/MHWUZF0e/f8d1wt+5B8ZcwskX1aU95jLpM5eSPBaR6KxWuXvbiiHmelPjeRzMZWnbzfiaOmZlrljF3LIk8iI9rXjfPcCw7I+DTI0PyXve+56vc1849thwcn9d2mMuk5jrzy235h43Wa1097YVQ8z1p8bzODksucfHDnOdzBVrMZck8sLc9tjlX5qRFV5u7iDpuoz3yRvHHhtOfj3OFkxd2mMuk5jLHkpyCZHorFa5e9uKIeZ6U+N5mTzmnufX357LXPHXzbVJ5Jh73LzMdGyQFe577z9/1nM5o047ixC/nLQfOPaYcPKi7q6pO2sP3JM1lz2U5BIi0Vktu3swrRhirjc1npfJLs1abuXfoZK5Yh3m2iTywtzD1uSqu99OG2SF+977J8kun6FqnVxdPRoOHzrHHhtOXtRtztWlfYa9J8xlDyV5LCLRWS29+5cHLsO2Yoi5vtR4XiaPub3zm8HRYDgZyVyxDnNtEnlhrnuYfcTgoEFWuO+9P027js8tT5pJ0r80UeYmnPzh7Y+6O825urTPsPeEueyhJI9FJDqrZXf/ufXFZdhWDDHXlxrPy4S5LI1O2s3O8VMnc0X9f8pvp3XwfA0/g7SekMet5NDVFJkbFXU4yqPmy96mmPvu1NUVmRsVtTjKQTJ+sCHm1hiZGxUbdJQyV+aKTTRXyFwhc8ND5kaFjjIYZG5U6CiDQeZGhY4yGGRuVOgog0HmRoWOMhhkblSsISl90c6kscJ2xhUDGLmYUdjI3KhYQ1K62bmCuWxnXNVcLmYUNjI3KkqPsp6fgSIT3ZibL0WLzI2KDTS3myw0t5vIXJkbB+VHuUqkODuJBgdPCebc6FG7Obw4s42zcZGJbkMaWSqC24velCLOnP42rJxL7gtorx8yNyqqmrt8pDg7iQYHTwnmegfpozfT/sg2zsZFJro1l6UiuH02QykTZ04vE1bOJfcFtNcOmRsVVc1dPlKcnUSD/8RbgrlG8tbXOBsXWXF2M0t5cDubKUVyOb1MWDmX3BvQXjtkblRUNXf5SHF2Eg0OnhLMXVx4G1c397DYTCkTZ04vG1bOJeUB7fX7glrmRkVVc5ePFGcn0eDgKcHcTd/buLK5KZspNRdnTi8TVs4l9wa01w2ZGxVVzV0+UpydRIODpwRzw763sTWXzcbcFpspNRdnTi8b4sYl5QHt+jtXrMDazV0hUpydRIODpwRzBxf+xtZcNi8y15S6fm37W3O5ZHFAe02RuVFR1dzlI8XZSTQ4eEow9yV562ucjfNM9Bw2s2TMpRRx5nP9rblcUh7Qnie+1wmZGxUVzV0+UpydRIOTM+4rwdxoL/0RMP71zDbOxkUm+gw2zy1hLqVMnDm9rLlcUh7Qnie+1wmZGxUVzV0+UpydRIOTM+4twdzT7U6zdXtoG+fjIhPdhquzhLmUMnHm9LLmckl5QHue+F4nZG5UeI5yHSGJ5IxvXDpj0nCbgcyNin9r7rvTzctVlbmijvx+lLUTSObKXCFzZa7MDQIdZTDI3KjQUQaDzI0KHWUwyNyo0FEGg8yNCh1lMMjcqNBRBoPMjQodZTDI3KjQUQaDzI0KHWUwyNyo0FEGg8yNCh1lMMjcqNBRBoPMjQodZTDI3KjQUQaDzI0KHWUwyNyo0FEGg8yNCh1lMMjcqNBRBsOfmXvnxCZyp6MMhbsyc6VuYNzpKEOBowTMFUJsHjJXiE1E5n5vnw5IAAAAAAT9f92OQD8IR+bCkblwZC4cmQtH5sKRuXBkLhyZC0fmwpG5cGQuHAUOlsRHUPztPAAAAABJRU5ErkJggg==" alt="">

html代码

<!-- 几个元素就几个标签 -->
<div class="Grid">
  <div class="Grid-cell">...</div>
  <div class="Grid-cell">...</div>
  <div class="Grid-cell">...</div>
</div>

css代码

.Grid {
  display: flex;
}
/* 平均分布 */
.Grid-cell {
  flex: 1;
}

百分比分布

某个网格的宽度为固定的百分比，其余网格平均分配剩余的空间。

aaarticlea/png;base64,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" alt="">

html代码

<div class="Grid">
  <div class="Grid-cell u-1of4">...</div>
  <div class="Grid-cell">...</div>
  <div class="Grid-cell u-1of3">...</div>
</div>

css代码

.Grid {
  display: flex;
}

.Grid-cell {
  flex: 1;
}

.Grid-cell.u-full {
  flex: 0 0 100%;
}

.Grid-cell.u-1of2 {
  flex: 0 0 50%;
}

.Grid-cell.u-1of3 {
  flex: 0 0 33.3333%;
}

.Grid-cell.u-1of4 {
  flex: 0 0 25%;
}

圣杯布局

圣杯布局（Holy Grail Layout）指的是一种最常见的网站布局。页面从上到下，分成三个部分：头部（header），躯干（body），尾部（footer）。其中躯干又水平分成三栏，从左到右为：导航、主栏、副栏。

aaarticlea/png;base64,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" alt="">

html代码

<body class="HolyGrail">
  <header>...</header>
  <div class="HolyGrail-body">
    <main class="HolyGrail-content">...</main>
    <nav class="HolyGrail-nav">...</nav>
    <aside class="HolyGrail-ads">...</aside>
  </div>
  <footer>...</footer>
</body>

css代码

.HolyGrail {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

header,
footer {
  flex: 1;
}

.HolyGrail-body {
  display: flex;
  flex: 1;
}

.HolyGrail-content {
  flex: 1;
}

.HolyGrail-nav, .HolyGrail-ads {
  /* 两个边栏的宽度设为12em */
  flex: 0 0 12em;
}

.HolyGrail-nav {
  /* 导航放到最左边 */
  order: -1;
}

如果是小屏幕，躯干的三栏自动变为垂直叠加。

@media (max-width: 768px) {
  .HolyGrail-body {
    flex-direction: column;
    flex: 1;
  }
  .HolyGrail-nav,
  .HolyGrail-ads,
  .HolyGrail-content {
    flex: auto;
  }
}

输入框的布局

我们常常需要在输入框的前方添加提示，后方添加按钮。

aaarticlea/png;base64,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" alt="">

html代码

<div class="InputAddOn">
  <span class="InputAddOn-item">...</span>
  <input class="InputAddOn-field">
  <button class="InputAddOn-item">...</button>
</div>

css代码

.InputAddOn {
  display: flex;
}

.InputAddOn-field {
  flex: 1;
}

悬挂式布局

主栏的左侧或右侧，需要添加一个图片栏。

aaarticlea/png;base64,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" alt="">

html代码

<div class="Media">
  <img class="Media-figure" src="" alt="">
  <p class="Media-body">...</p>
</div>

css代码

.Media {
  display: flex;
  align-items: flex-start;
}

.Media-figure {
  margin-right: 1em;
}

.Media-body {
  flex: 1;
}

固定的底栏

有时，页面内容太少，无法占满一屏的高度，底栏就会抬高到页面的中间。这时可以采用Flex布局，让底栏总是出现在页面的底部。

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAA6MAAAGWCAMAAAC6kKUZAAACDVBMVEX////08/BAQEDl4txGuYB1dXVOTk7Y19T6+/pycnF9fXxhYWDMzMyIiId1dHP9/v3g4OB+fn3y8e5vb2+AgH94eHebm5pzc3Pz8u9kZGTMzMlDQ0N3d3deXl6jo6JmZmZcXFxYWFi7u7tpaWlaWlqCgoJubm5jY2NdXV3R0c9gYF+UlJOLi4qEhINsbGzT0tDu7u6ysrGmpqRWVlZUVFTv7uvj4+P5+fmXl5WPjo15eXhnZ2f29varqaagoJ5MTEt6enpGRkbKysd7e3tBQUGrqqmRkZDs6+uura1PT0/o6Ojb2tmurKnk5OTW1NHGxcSsq6mFhYXT09O/vryBgYHr6ujp6OW1tLJTU1PV1dV7e3pJSUm3t7empaJra2uenZ19fX309PTBwL/w8PDy8vKpqKjZ2NfIx8Xg3dfEw8NVVVXl5OHk4dvOzszCwcCnp6bc3Nvc2dOwr61RUVHn5uOD0Kq6ubgArO7f3tzW087JyMa7u7mZmZi4trKF0axvyJz8/PzQzsi/v760sq2dnJuSkpLT0ct+z6dmxZbh4N2I0q1TvolcwY/FwrzKysqzs7JKuoPX1tLm5uVOvIZ4zKPi4uAFsfWh3L+L07Ckop4PsOzr+PLn7/C83eg/uud+x+KYzN+r1eTG3OGP1bJLwu8ouO/d6e3D6ddktNQ4p9G048zW8ONfw+YCo+EzMzNDR1I6AAAecUlEQVR42uzTwQnAIAAAsUo7cv+u7sMZhEOSHfIMoMxRaHMU2hyFNkehzVFocxTaHIU2R6HNUWhzFNochTZHoc1RaHMU2hzldvM7bI7tf49wlMWu2fU0EURhmDM7gtqgsUaorV9o1aBgI3UTUVvdSoqkDcWQLsaKJCYqWFYFWkEIJQLS0pZYQgkIil8XJOiP9My0DAiuiEpQuw/MMue8M7vcPBm64X+HbjmQQ+Jsg6OHb+kEDSYxjdxQN7Hb1AAGBvoYjv7Y0enqHsVeq27O0RZFXhNWEYbbcNRg26Fr+dcdvVy3z1tuN2/O0dL9sM7RqtHRUY/hqMG2Q9fyjzs6TXbj1Qw/4WjPiqP2NrkkAiDLgARl7mij7m5TDxgY6LKVjqaW5nd+jopyax3t+yhthaNhcjknqPmi0+ZsMzPLTKF6NE9BJWvsNmetiqsOKT1uu3B0nHiLbbZXUHoCC4dN+9ZRse0VKWVBi6mipkfZERbPEAEYGDC2zNHUm/mior3zM3STZDbr6HvU8+1c78J7XnW2S+sZy130GNN1FK6REx2AeMmOI7uIl1lWQwYBPXoCZeTmnTblAMAlct19xiYcbSHVqrzfDm4nFudKYY2jK9vqNK3uNphsZ9z7yG3xDBF8gxn0MH+vMAfBwGADR5eu0EQ6/WlvmhWz+D1EVxFPRrP5qeinWRHPpjbp6Lu5dx+/9Pb2vmXFQPfIc2kdLkmySn5RtkoDLsnVuRLrOypX2cjlEgjajgKgTSpaFlF2AJQrETl0Dnu1ZBoPW4DxOuFoqVMGaLsKgwrAs+JIzlGGxhwV2yBcfPp0QxhMxAdwgkTEM5YDgS/gmXSooAMm6wpLsw/yiDvUBzwONsCgoKErzC9y74r4QRrjjqaiyaksTTIr4ylsxBOpaDSd609F4zPxDJ3NUMqbqCvm2GXhj8/RXs5cTr929HTE39/cHehqcnU1drs6G13drZLkHXGN+B+ynoR6+rsl12RT0xguY7Guo8jTm6RBrSRebhp/63PdFgnb9oGD5PBYefhIOGo/y0Q9DFYSkZ3+Ve+MxtlusQ1gkJBnaGWIn9Na/hkiEIQDOfnCjWbwTVqCQUcEWIETruU41iwA1YFfgAWUHJ/GENewkb9Dh5kPgwKHrrBziSJTOUdT2aF0lM6m07FYZgZnNB6LD6F7SUqT+T4XmWaiyQxr4hzdxBYPf+joxznu6AIv2l2u9tYuqQZH69gLlzTpGsNTsgy9ZPr6eU+yNvtbuvx4kLpwGY/1HeVn3oCV1HJ/Kpllj0nTfdKBspUHGKqHMCkrTOLj6GMmai2ESWPbUQus+VtXbANwE3Ik72gt0cQz8oGgQ+aOjmvqPXk60u/okIeBFY6Oeu5oAGsWTFvRWlULs9/BU9lRz9awkb+DLyDzYVDY0BU+z6fxOlOUEyyZpFH6KZFIZZNTsTg/R7FBmZm5fpIXyFSSNWNcXnSYh7qOcr5wRz/kqy4Xk88vSa8nJp77B/xMylbmKLb8rCehlM+6vOguX8ZiXUdVGS9lJKAqBwFtUoLMMvOFXbucFpBDFZgiYXIKICI+j7YwHwPEAaDcCWmw1lGxDRqVa3uUEjCREoATdRHxjOVgmccW7ug9q/W8xaENO8Kg1bPCEeExr1kQ4MI2gk8LqpUYsjVs8Dsg9f0ePgwKGrpCbOnzEF0sms/wKhtHJRPRbCozQ2dSwtFEPD6U6ydi2aHYFB3KziZYcyga/4Q5djHcwNGnC6joO4kz0dIacDWNDKJ8D5sGn7eOlL2Y8I+4JfwEWoOOsh6uqm2XaqV+f3czLmOxrqPNxfvOVivH6uEl2XOknJzllsHFUKgMQzc5WNN09jbAIXKy9ahwtJS0WTRnFc6OHSyFdY6KbeaDofG+0FGziRzDd0a7YfkZIoA8vgfc0QA2HgbhnkMFLcgKnDB4zQLe8zUzH9FRFbDGIe6A3OPDoKChq5hZTNPF+cSGL22jvI+DX6fWrMyIqY6jnW8X5uYWPiyXXZ14YLaLV7xs1tnJKtETYF/80HH0wY4G24XqPgCzu8LmLDPnLPORuj5Auk8rin0UILxH6am5vuyo/bzdpniZG+XFkfWOim1l5AnAEdJmqi4rVg6ExTNEAMsEAtY+hxocrnRYPdbH3ElW4MQTzDvKguCwxpYFlh1la9jI38GneR6yAQYFDV1NYoomMnQj0nG6GYSj+jTj2Nb/qTf31QMiV9yAP4NFBobMvzn5mfZtKVLRxCHuIJtxGC+NCh36e/x1/2f0W3jvWmCLsYCBgeHor+G7eOBRHxgY/G3QtRSso5VV7ggYGPx1fGXnDm0AgGEAhg30/5vHyydFmv1DaGb7tlFomk2jkOKVArzjOQZ1GoU2jUKbRqFNo9CmUWjTKLRpFNo0Cm0ahTaNQptGoU2j0KZRaDsAAAAAAAAAAAAAAAAAAJddO3xNIg4DOP4gJGazM6qFXGkuYzlX6Iq53OEllHqOIduIFSeMZToclDIhBvVijHprsL84z52nedpmNPLF9/PuQe559+W8ux8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPhPIkUB8F9otUe6+mI93zkRRyA/TaMVT99tAfCPrUYXK/XS+51ATPvrRp9v2goC4N9SlrYUGfiQEts0jcbkQs56AFOJe5IyJHG1jSZoFJjSgilDtPUrbVRbp1Fg6vtoQRxrqsfyUZ7mpWf78aGq3/jhcxqtGA/6sR6FJjRazhiqcb/hHp31XQf3DTWaqIrl2qmy8iRnVASAy0ksk3aGtPagqGma9Btd0/e2S8cfss59tOytv1mXc+vFsY0qAaO5UaqH9YAyMjrru/L6ynEhfi9a6DW6e+t6ZzXOCydgnGA0tqs501JKuuxGi8bq7/9143pckmrw/Dq1OrbR8LvS+e/epnu010vKPO4FfPNVr9GlO4oAmEBrHppbHcXdaNr7RRyRI5GWURaRzLxY5v0yrlFNX5Bzu7rmGu31vnZTelqeM6vRXFUATKbMBczoV1ejnZxvqNGfcvau19vn54p1zWFjzBmGuBw4F2lqR0ZHe/2c8xDcrliN+gXAn+2Hc8ujjdZCMhCpJKMvxeLzfrIyM3xDZxiCNk1qi9L34I2Mjvb6N22xPQpbjX4TABfZfv15pNG928ONphbvmqtiyQdEZCsx/ttL9pk4/WVdo70+63HMW41mBcCF7m2NNLoSGW5UT8lWKC1ddTMtmtka3+jR8I3TNdrra6Fqn0ajwCU99Y802vjteTQroi0ti2XpVBZCMr7ROTU9eAB1jfb6sleRPhoFLkeJzYvIYm3Q6L75ZeScUdBckK5mRu4XJzR64hxFSOmaa7TX75tzNApMR1nL9T6DBAaNSnb0+6gsmEERKeTOctUJjUrKOBPLqrfpHu31ko0laRS4lO/LlfhxcK740CxL18/c18Jm0m5Ueapn66VWI+80Ki9vpK2obvsnn9dNeMMbpY2wvqy4R3u9KIH2Sv1t6X3xGY0Cf7a9HDHU12bke0EsSjOmtjvOed1GxlC9i3uDRn2hgIjseBqTG5WO/4VqZMru0VnfdeBvq3rszg6NAlfg1PAJgNn1KiEAZldSbQmA2bX2TADMqu3NI/WTAJhVN9TYqQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8It9c3mNIgjC+HyHsdltNjCvZAyaFRIfqzFiZCE6vlAiAWXN4gOJLxCMYCAGEREfF8GDJ0/+v9rbtTWNTcMuCqYz/cM9jFX1VW3NFuLhCwQCgQPPZQQaxuUo4BUINI4o4BUINI4o4BUINI4o4BUINI4o4BUINI4o4BUINI4o4BUINI4o4BUINI4o4BUINI4o4BUINI4o4BWATYr/gbvxPuqTwmIfTTcR4UZ9AzXbc1W1Cokyw4jeEIxog+BHG3eKnCiZGreFFftLbsWbVp9JePwFQBcEVTqHc4d4iEkw128z/QsJN+o7YPpLN4A+n5PxIynsn0SCmoI+cKdI2JglLM836mrtFHI/I5WG1jRURz8AXacuXILcyx6CKRx1xvrtwBQvJNzogQHMvZzOSf15upJt9oa4dQ/A5rXjC2Ixj5MUq3FxsQQgqjzuYH6oDkqF1QdrM3OzEK18Lkk5hSokdPTEHoY5PmQA6hIAJC9RduK8EtzHbq1HM3upHB2tn2/HW61zAHW9eijfgaklMU4Qc3lrWGKtiDv4Hp99TErQrNxdTNElFVU/Xg1nkaD15ey51RAqjdV46vvXO4CeiHrU66c5zW25X4ghXecP7g9X3n6LizTcqK+A2fhc32gvLoHecOPT+K/EsRTXB+cSYFmdrThaorOrbxRSp3zMgeSGWFKJnEIVkqIL6/1spb+5CrMEY3lI7A6RLgnuY7fWo5m9VI6O1s8/LqZQ6Lx+F6ylMzhBnEpxfBcpkO28XUfOrUcs4swauqQCCV4NZ2lB+8vZc/fHOqRWT/3oIUAjUw9eP89pbsv9QljayB/IMj30Hckg3KivgPl6tr7R81cB9Lqvd/jHvQV05s+fbrfbLwCIAnj5Ut3oFt/o+irw9I5O5BSqkBTdPvL++ez7+DbMEgBUJX9XAJcE97Fb69HMXipHR+vncqO4+JDz+Ea5DyeIS8Cbl++GneULe98XO3mqlfhG0+pVRSqQ4NVwlha0v5w9d79LOqxmTA0amXrw+nlOc1vuF8LSRv4gAU4Dy/PhRn0FzIOlc3yj80cA9ObWWykAHNX//enM92ZKoKR/Poa75wqkx4QKq8+rBEhu6EROoQpJUXRvftjeqgCzBABVSXztoDwquI/dWo9m9lI5OsrPipcLnEc3ylqQOoGmvL/7dAH9Y3s/k3KsVM7TjeL2qZOkouppNZTFg9tfzp673yUdVjOmBo3MPXj9NKe5LfcLYWkjf5ADMtyoz6Cml61kT/SN4nnWWu8NMbumAmcWZ+nHfSWbad0GIOIk7iDdivOWUOHRZ21uZhY6kVOoQkJHcSsDumeg4BLzRsthfL8luI/dWo9m9lI5Olo/3zuyFW8D1JVutNaSGCeIKpnpQCzezFf2Bqeyw+e10rul8Y3ix2NSUfXj1fA0JGh9OXvufpd0WM2YGqCJqAevn+Y0t+V+IaY054cb9R40G5GAedbHIEEDiAJegWYj2mA2i7NFDw0gCngFAo0jCngFAo0jCngFAo0jCngFAo0jCngFpiZFcziY3zUKeAUIwvKIWJQZatoCU0HCUwXuONInbTQ9vIkrGSABaQgeBKKAVwAm03lE/uWNujteF3DkT9uIcXplCnsTfKNFuNHAfwGMwyNCzora1SHJb6ItKpblQxdUO9ipTDeKocDCRtDsyG4Q6s0mFUpmcwd3MwJkxhl5WEgPk3ll8Ie7RG1C8o3aK3GbZvY7UcArQLg8IuysYFeHhPaXaIuKZfnQBRsLWNgw3SiGAgtz0O6o3CAkxS4W6lubO7ibGdA3OvKwaD1M6JVRmO4StQm6UcdKXKaZ/U4U8AoQLo8IOyvY1SEpoi0qluVDFzyoUD0w3SiGAgtz0O6oAiTFLhaK1+YO7mYGtBln5GEh8Qm9MjQEyVs3aq3EbZrZ70QBrwDh8oiws4JdHZIi2qJiWT6oYHl1GaYbxVBgYQ7qjlaAe2vzB8XZ3FF3MwPajDPysJD4xF4Z011i36i9ErdpZn/zi307OGEYBoIoOtOgG0j/fQQSswhEICfj8fx3XbQCgY5fiOKxNiJ7WTFVx/zRb6KyJR/ngeN1eK1Rlg2zeIZz4zqYVROpnPOJO+a2ZXDGOJ+GZZb/1crYa12y/9H9SX5HM/cmRPEzXdCw5EYzQhQ/0wUNS240I0Qx6ghRjDpCFKOOEMWoI0Qx6ghRjDpCFKOOEMWoI0Qx6ghRjDpCFKOOEMWoI0Qx6ghvduvYpWEgiuP4vf5GcRCkg/0TxEUc2iEZighCwEKHm6KjN2SJlMIpGUIkW4aO/W/tNZdrF8dCHvc+cPB4b/7CsUIiOkqwQiI6SrBCIjpKsELBBhexITEySrBCAS6ExMgowQp50mg8lGCFPGk0HkqwQp40Gg8lWCFPGo2HEqyQJ43GQwlWKEDQblv8xxTSKHdKsEIBPHM7e53dXOEoSe/zEme0RW+d5hUCY85naXTUlGCFAniLpyW65wl6bQPUugQ6vS0Or7GoKwPUe6C/7KxukSfH/TAXVWWk0bFSghUK4L10QPNwfWr0bbWbF82yfnRP2+/MToEPA/QXnZZzZJ1x+2Het20pjY6VEqxQAM+6vIw9NZoCP5+Z3WXuaTtNkmvgtwD6i66xKqsabj/MXXonf93RUoIVCuBNJjmweD81mhs0dTmvCve03RscrLdAf9EWmevS7YcZ+Oqk0bFSghUKQqN/7NyxSgNBEAbgGe4dLFJb+QQREiEiVins8goWaZJCCCSFmDaFZd7WnDmjlXWG/T4YmJutf25hl33aHsazt9+Mft7M993j/XHX12Kz2a4X/T/0OD30K+dcvo9H/fyn360fRjJ6rYJS8qIbPM9vZ3eL7o/la9ftT6nsq/9eLb+nq/PK5Uymnw/9qbXXvVpBKXnR/etlOv/oyx2G+oJScuCeUTuCUnIgo+0ISsmBjLYjKCUHMtqOoJQceM+oHUEpSXOCUpLmBKUkzQlKSZoTlJI0JyglaU5QStKcoJSkOUEpk6QxkwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4Is9OBAAAAAAAPJ/bQRVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWEPDgQAAAAAgPxfG0FVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVYV9OiABAICBIATrH3o17kE7CADAkAPKHIU2R6HNUWhzFNochTZHoc1RaHMU2hyFNkehzVFocxTaHIVn33x+lAaiADxpYjKaIo0gm020KoortjWzGltwm10vUBxDNpRFbSSuswxoDwLRRI1yIJvtVRMOezD+jho96N/oTLtoRJe9CMthvmnnpX19752+pKFhthGOCgSzjXB0isjebsiS9ND9i4e8qCmPoSltpUfZkiIK8n+iwJqtp/dAEkwG4ehU8WB/l+VJkgv/wuVFcnwMspQGo3BdosL/hMyapcX/kPcJ4ehU8aAFHX1ed1i0lKd8j9bQUQWxDRPYZQcdOvr7MVNRMI+/V+Rog52KDUwLmHbk6EhhTVEQjy52/2zQzdIwupiffLd+Xf9akaN8AgCYsBl0gAFALru8fl04OmGEo1PFsyxlZeXHyopjWet3rzTVEsk6poIsK3K0dPUYhC+vPYhVlmJrl4aOktcf7Nffvr4ndvHS4XqXXqeK7daIi9WSHTpaLwJw8XmykNZLVSNydKRw7bC+SjzTNnzD5zFqQmhQ92OmabaIkW4RXzH8bqPbUGgWGz5r7prEHLSIHTrKJwCwudhhM7TNFwAEcrxFg4BtDkQWlQSTQTg6VTzbPpSwbTtxyLbV0yV0sFhQzxtXFdv2pKMmhKfzKoR2JbvkPUI3jw0dpcyzd0+23x2hJNMm8+lHq1oxN5/PzSfyVJayYPCyBwC419PAMoF65OhI4VonW9b0E7LRNto8hk0o7dzrxTbUTGX+nmGcCZNhorl+3Ggn8mEBu0+5o1k+AYDi4k0Adb1TB0BvbWVjQcC2nJ+r5yXBZBCOThWPkIVlQoi2QIhiLh8sbmra7YpvE+JJTcgcfXq+BqGRbWmXWtlzaMdRdPnt9vcnr74ghJJVlDmaOrB6wogtVGKxx0hWAVirHyCA4FgAUk6AIkdHCpNXNflEN3XR2DA2eAybINRTy/lu02izRDtf58kwUQxuGxv5x+xBld9HzFEV8AkQ6PEcChABmgWWaR6k8gHbUp3CelISTAbh6FTxCE0sYIoXEpT07pxWOwcSsTPHfEKZoxXmaP3CkvaidCsRJAz94HGy46jjvPm8vf3phuM4ybSzeNKVsHr4Lj/mHO4ooYGP1E7yudrTe2o/dHSkMFltOIW5pVammqnyGDZxnFRb03qDzNGT2UxVr/NkmDhrnJqrqnNRgV53IkfZhFXkqzqbcbGpA+ZoqZQPArY9K/q5RUkwGYSjU8WjVK4U6IIkU2rZlmXb0O5DQin1JMmEsA/jVaUP4n0rHrfiw3ddbL7/vP3pCx5gjGrYaTDJnRrih4P5uy7DtQEE/OBwR0cKWR1TErGIaixGTTA2i+upDby26bBEtHiCX/DHhgV4510XRmM4FgiB4SZ+M5oowtGp4jUaDbnYKMqNUcZ9eymbHz+8wWXzX2vMt5fxhdGq4dqgnO2a5bFLfHvZT4SjU8VDuzHOUUVR7iu7MM7RqHBvTGUPhKP7iXBUIJh1hKMCwWwjHBUIZhvhqEAw2whHBYKf7Vzfa9NQFIYPEmjHCiP9QUjMGvsjsbWBWZGthXWlqXSPSqFCR9eXCe7BgQVf1ifRV/2XvfecJvZqjcUHFzCfkJt7vnPvPd9JPpa+mG5kHs2QId3IPJohQ7qReTRDhnQj82iGDOlG5tEMGdKNFHp0kF8emfgtcvqfQ+6jxDmv0HP4gdbX8cmgfg2BoGRPg1JEfLRQPsPwiib2FLthjUZHKyjYT4AaT4bv7Y4mnZMcU3tw+6IK1F+4uIczeTtx5N7UuURMQxg1hEVlP255YmE87g91R6W2v5TfPTmZdTZXXD65mTjhlQ59Rru/BhA642s8PNLnUevw1+YOA0RI8mjCOgW7PFrGxVP2qGrFtYfJBMftDTH4gl04MLEnUuTRYfCTRz+1gfZj6VHgsbJ3AowVRiM8b9JEz+3Z/GTB6iY8Juj+S/nv3PgKXI4BxwvWOK1BYDKT0s5wVsODI30erRuAfNg9AxWtZ0HTlmHzVZ8nuZI21QEK6iOtV0IUcnPaUVUrcr7vMSnWKXNlE72h2Tl05pg3yKPmaf3KuXsmjCj/1U+c8TmA3KF+Nxk+NeA8+za0p+33h8Obuxur/sG5uQkRoTuygLBkl0L5shZ0WX5o9475QMhbYvlsiu5UQUwrQNAiMhKlL7VeBb5H9O3SdrcaxFHWLSlFI1ejnCFpWiy7oxcLtgZegtvrj8AHR/Go78UyeJf4iPh5HQ/tkdXnIPWUcnxPbJ8glEbqiTyA64zk0jL1CYrR9yid4gm17S3fWAPRlTyqzy5x1Z1BYHQkh5d91FLwH0ykz6OeKa/6YYjqMR7JyeJW9JomXQNo6AAF9QZQuIxCbgEHBhZdonyPSbFOmSubyNDC9QLUWtKjc2dR/wicV9mj8r4dAIOxnX9lTOaQj8yemm3kO+iM6veAU0WMVicIWybMFr8Wsnwx3UigW2L5bIruVMGMfawxGYnSp0BTvPZEL6pKgzjKfZKUopGr2T6DaLmYSLlxhdsiPbo+aJ09+8mjsQzeJT4CGwx7fst0RxYFuacyx/fE9r8XyiP1RFw2dUZyaZn6BMXoe5TO8YTa9pU/7SC+ym/d8eyzBeNJDcD8BNKj5Ufw1nhwpM+jbhPgj6ZaUdOqA7vZcEWvaWI+Aio6QEGZ0nwehdw+fBP9OlG+x6RYp8yVTfQCxBLradgJ5e9RJ4f6NdA2Nx49B+wOgNn5yl3P0L1r3wfk0XYNtS+cii00zaCLbhD9HQXElKvmW2L5bIruVMHM4HTAZCRKr8hSfY9oK5efbzWIo9wnSSkauZrtM4iWASK32iI92iqvuz97NJbBufERiHBUmetGkXO4pzKHPPp7oTxST8RlU2ckl5apT5A8SukcT6htX/lG+8eVv3UPj4B3ECib5NGz7O/obliHc/ArWF0AMLrQ3JXBEzcAivomyK2n0JZHiYo8KdYpc2UTvQEELgo5A/StC9Wj98BpAMD5AFxdo1yDIzzqlbHsoJPn1NBCjHrtwITZuiwAHXotxJSr5lti+WyK7lTBzIWfZzISJUs1hAqm8Ty31SCOcr6kFI1czfYZRPNLKrqz1RbpUVxN8LNHYxmcGx8Ra9fyQDHHOdxTmeN7YvvfC+WReiIuXGfsUVqmPkEx+h6lczyhtn3lD9+t4it79Glxo3s9mbwuD+eLpzgLSOcDIo0exeoov6xTG7WL0ZtuQxu5ViegCSqlwlIHKMitp9CWR4mKPCnWKXNlEz2v2SK6Oh1gl0c/OndiCuTPgTsbtXtnIjw6fNy26PcopfoBGAfLi9Ew7MlfnLatLem1sC56x3Qg3xLLZ1N0pwpiDvow+0TGHp3KUn2P6Ja9vAXiBnGU+yQpRSNXo5whaVoM0Z2ttpBH24e/eDSWwbnxEbH2VgWwfS6GeypzfE9snyCURuoJHUB1RnJpmfoExeh7lM7xhNr2lY/W7MNJjq/0rTsZD0k3YQa7HV7fOCHpfECk0qP/GP4Su1D/jPRAzyHDf4vvJqIbnrStjekAAAAASUVORK5CYII=" alt="">

<body class="Site">
  <header>...</header>
  <main class="Site-content">...</main>
  <footer>...</footer>
</body>

css代码

.Site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.Site-content {
  flex: 1;
}

流式布局

aaarticlea/png;base64,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66672pZbbvnmkfVMCBAYpUBcevfff3/767/+63b11Ve3Bx98sM3Pz7ctttiifehDH2qf+9zn2lZbbRU9wfvuu6/ttNNO7bnnnms333xzW2+99dqOO+7Ytt9++3bDDTe0NddcMzqOEAECBN6IQFR6d955Z9trr73apptu2r761a+23/md32kvvfRS+973vtc+9alPtWeffbb9+7//e3vf+9630jV0uT322KPdcccd7ayzzmpHHnnkJH/uuee2I444YnL3d8EFF7S5ubk38lz8DAECBBYUiEpvv/32a1dccUX7zne+037/939/hYN+85vfbB/72Mdal+k+jX29x4svvtj233//yZ3ioYce2rqXuMs/jj/++HbaaadNivCMM85oq6222oKLFyBAgEBfgaj0Nthgg/bMM8+0p556avIe3PKPn/70p5M7wPXXX789/fTTr3n+J598sh1wwAHtmmuumZTjZZddNim1xx57bPJytvv57nHUUUe1s88+e1KO55xzTtt88837Ph95AgQIrFQgKr2ulLpy64rvLW95ywoH/NnPfjb5usmv/MqvtJ/85CevOtm99947KbG777677bnnnu3KK69s66677uR9we49wR122GHycrd7dO8THn300e3MM89sXdGefPLJ7dhjj/U+n4uYAIEygaj0DjrooPb1r3998h7e+9///hVO3r3k/fCHP9y6zNe+9rUV/lt3Z9f9/x9//PHWfUXl0ksvfflO8dFHH22bbbZZ22WXXdott9yyws+df/757bjjjpvcOXaZgw8+ePJ+X1eQHgQIEJhGICq9hx56qH3wgx+cvCT9h3/4h8mXirsPMm666ab2yU9+sq211lrtu9/9bnv7298+WUtXaCeccEK76KKLJv/34YcfPnnZuvxvXnQvlTfeeOO2++67txtvvPFVz+GBBx5oJ510Urv44osn5zrllFPaiSeeOM1z9bMECBBoUel1Tt3d2m677Tb5Tt3yj2233XZSfsvel+s+8DjkkEPaE0880dZZZ5126qmnTu7aXvnovrLSfV1l7733btddd93rbkX3VZlLLrlkcozVV1/dlhEgQGAqgaj0ug8iuq+sdB88nHfeee0DH/hA+/nPf96+9a1vtU9/+tOTLxVff/31kzu37n2/7r277oONLtuV4ms9nn/++cl7ewuV3lTPzg8TIEDgFQJR6X3m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YAEE3OnN8hpQerPUdi4C7vQGvwaU3uBbYAEE3OnN8hpQerPUdi4C7vQGvwaU3uBbYAEE3OnN8hpQerPUdi4C7vQGvwaU3uBbYAEE3OnN8hpQerPUdi4C7vQGvwaU3uBbYAEE3OnN8hpQerPUdi4C7vQGvwaU3uBbYAEE3OnN8hpQerPUdmaAorgAABwwSURBVC4C7vQGvwaU3uBbYAEE3OnN8hpQerPUdi4C7vQGvwaU3uBbYAEE3OnN8hpQerPUdi4Ci3ynBzgSmItSQgQILJZAzZ3eYq3OcQkQIDCAwNx8Uo0DLMwpCRAgsBgCSm8xVB2TAIHRCii90W6NhREgsBgCSm8xVB2TAIHRCii90W6NhREgsBgCSm8xVB2TAIHRCii90W6NhREgsBgCSm8xVB2TAIHRCii90W6NhREgsBgCSm8xVB2TAIHRCii90W6NhREgsBgCSm8xVB2TAIHRCii90W6NhREgsBgCSm8xVB2TAIHRCii90W6NhREgsBgCSm8xVB2TAIHRCii90W6NhREgsBgCSm8xVB2TAIHRCii90W6NhREgsBgCSm8xVB2TAIHRCii90W6NhREgsBgCSm8xVB2TAIHRCii90W6NhREgsBgCSm8xVB2TAIHRCii90W6NhREgsBgCSm8xVB2TAIHRCii90W6NhREgsBgCg5be5Zdf3vbdd9+2xhprLMZzc0wCBAi8SmCw0rv99tvbzjvv3Lbeeut22223tY022sj2ECBAYNEFBiu9ffbZp1177bWTJ3j66ae3Y445ZtGfrBMQIEBgkNK78MIL22GHHda22WabtuGGG7Z77rmn3XXXXW3LLbe0IwQIEFhUgbj0XnjhhfblL3+5XXzxxe2///u/21prrdV+67d+q51wwgntD//wD+NF3nfffW2nnXZqzz33XLv55pvbeuut13bccce2/fbbtxtuuKGtueaa8bEECRAg0FcgKr0XX3yxfehDH5qU1BlnnNEOOuig9uyzz7Y/+7M/axdddFH7+7//+/bpT396wXN3P7PHHnu0O+64o5111lntyCOPnPzMueee24444ojJ3d8FF1zQ5ubmFjyWAAECBN6IQFR6f/u3fzu5ozv22GPbV77ylZfP89JLL7X3vve97X//93/b//zP/7TNNtvsddfQFef+++/frr766nbooYe27iXu8o/jjz++nXbaaZMi7Ip1tdVWeyPPx88QIEBgpQJR6XWfsnafsN5yyy1tl112WeGAX/jCF9rnP//5SWH96Z/+6Wue7Mknn2wHHHBAu+aaa9p+++3XLrvsskmpPfbYY5OXs5tuuunk54466qh29tlnT8rxnHPOaZtvvrntI0CAQKlAVHrrr7/+5OXs448//nJBLVtFV2TdS98/+IM/aP/yL//yqsXde++9kxK7++6725577tmuvPLKtu6667YHH3ywbbHFFm2HHXaYvNztHvPz8+3oo49uZ555Zttggw3aySefPLm79D5f6Z47GIFVWiAqvbXXXrt1L09//vOfv+qLxN3L2u67dr/xG78xKbblH10hdu//dWXZfUXl0ksvnXxa2z0effTRycvh7s6xu4Nc/nH++ee34447rj399NOTzMEHHzx5v68rSA8CBAhMIxCV3nve857W3bE99NBD7W1ve9sK5+vuALs7we7Lxd3L2GWF1r0H2H3I0T0OP/zwycvW5X/z4qmnnmobb7xx23333duNN974qufwwAMPtJNOOmnyaXH33uEpp5zSTjzxxGmeq58lQIBAi0qvu+vqvkDcfcr6iU98YgW2X/7yl2311VefFFp3J3jFFVe0Qw45pD3xxBNtnXXWaaeeeurkru2Vj+4rK93XVfbee+923XXXve5W3H///e2SSy6ZHKM7jwcBAgSmEYhKr/vAoftu3TPPPNO++tWvtt/7vd+bfBDRvbT913/91/bnf/7nk/fdupfAXaZ77667+zvvvPPatttu+5rre/755yfv7S1UetM8OT9LgACBVwpEpdf90I9//OPJBwvf/va3209+8pPJBxrvfve7J6X1xS9+sb31rW+dfBrbPR5++OHJe3Er+76d0nMxEiAwhEBceq+3uK4M3/72t7/mBxIre0JKb4jtdk4CBKYuve9+97vtgx/84OQ3MrrfzEgfSi+VkiNAoFJg6tLrfhXtb/7mb9r111/f9tprr3htSi+mEiRAoFAgLr3tttuu/dd//dcKp+7eu/vN3/zNyffnVvYJ7GutV+kV7qJDESAQC8Sl131a+61vfWvywUX3F1ZuuummyUva7sOK7rcs3vGOd8Qn7YJKrxeXMAECRQJx6X34wx9ud9555+S3K7rv5m211VbtwAMPbN0fCngjf/V42ff0upfE3UtjDwIECMxCIC696sV0v72xySabtN12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XgJKrxfXlGGllwMqvdxKspeA0uvFNWVY6eWASi+3kuwloPR6cU0ZVno5oNLLrSR7CSi9XlxThpVeDqj0civJXgJKrxfXlGGllwMqvdxKspeA0uvFNWVY6eWASi+3kuwloPR6cU0ZVno5oNLLrSR7CdSVXq/TChNYWGBu4YgEgd4CNaXX+7R+gAABAuMVmJtPqnG867cyAgQI9BJQer24hAkQWOoCSm+p76D1EyDQS0Dp9eISJkBgqQsovaW+g9ZPgEAvAaXXi0uYAIGlLqD0lvoOWj8BAr0ElF4vLmECBJa6gNJb6jto/QQI9BJQer24hAkQWOoCSm+p76D1EyDQS0Dp9eISJkBgqQsovaW+g9ZPgEAvAaXXi0uYAIGlLqD0lvoOWj8BAr0ElF4vLmECBJa6gNJb6jto/QQI9BJQer24hAkQWOoCSm+p76D1EyDQS0Dp9eISJkBgqQsovaW+g9ZPgEAvAaXXi0uYAIGlLqD0lvoOWj8BAr0ElF4vLmECBJa6gNJb6jto/QQI9BJQer24hAkQWOoCSm+p76D1EyDQS2BJld7ll1/e9t1337bGGmv0epLCBAgQWCawZErv9ttvbzvvvHPbeuut22233dY22mgju0iAAIHeAkum9PbZZ5927bXXTp7g6aef3o455pjeT9YPECBAYEmU3oUXXtgOO+ywts0227QNN9yw3XPPPe2uu+5qW265pR0kQIBAL4Hepffkk0+2L33pS5O7rWeffXalJ+vuzL7whS9MXo52j+7l6V/+5V+297///fEi77vvvrbTTju15557rt18881tvfXWazvuuGPbfvvt2w033NDWXHPN+FiCBAgQiEuvK52/+7u/a1/5ylfaww8/PJGbn59/XcFvfOMb7eMf/3g76aST2gknnDAprb/4i79o//iP/9guvfTS9pGPfGRB/a5U99hjj3bHHXe0s846qx155JGTnzn33HPbEUccMbn7u+CCC9rc3NyCxxIgQIBAJxCV3kMPPdQ+85nPtA984APtYx/7WNtkk01WWnpPP/1022qrrSZ3ZNdcc83L0r/85S/bb//2b7cf//jH7Yc//GF7y1ve8rq78OKLL7b999+/XX311e3QQw9t3Uvc5R/HH398O+200yZFeMYZZ7TVVlvNjhIgQGBBgaj0XnmUZXdWr3end84557RPfvKTkzuyT3ziEyv8eFdUXWGdd9557Y//+I9fc4HdS+gDDjhgUpj77bdfu+yyyyal9thjj01ezm666aaTnzvqqKPa2WefPSnH7pybb775gk9YgACBVVtgUUqvuxv85je/OXkvr7vbW/7RvQ+31157Te4Y//mf//lV+vfee++kxO6+++625557tiuvvLKtu+667cEHH2xbbLFF22GHHSYvd7tHV7pHH310O/PMM9sGG2zQTj755Hbsscd6n2/VvqY9ewIrFViU0ttuu+3a97///cl7f5ttttkKC3jggQcmn7q+733va3feeecK/627szvooIPa448/3rqvqHTv/XWf1naPRx99dHKsXXbZpd1yyy0r/Nz555/fjjvuuNa9rO4yBx988OT9vq4gPQgQILC8wKKUXvfF4Z/97Gft+eefb2uvvfYK4v/3f/83eS9v4403bk888cTLhdZ92HHRRRdN/u/DDz988rJ1+d+8eOqppyY/s/vuu7cbb7zxVbvYlWn3ocnFF1/cXnrppXbKKae0E0880W4TIEBgBYFFKb3ufbdf/OIXrfvg4pWfrHb/v9VXX33yErT7sOKKK65ohxxyyKQA11lnnXbqqadO7tpe+eg+/e2+rrL33nu366677nW38f7772+XXHLJ5BjdeTwIECCw6Hd6y0qvu+N65aeqXRl2/32ttdZqL7zwQnvmmWcm792tv/76kw83tt1229fcoe6usXtvb6HSs70ECBBYmcCi3Ol1X2npPoHtXsp2RbX8oyu57kOHLvPTn/508p+Wvfe3su/bKT0XMgECFQKLUnrdb0t0vybWfb/vbW972wrr7F5+vutd71rhU9jkiSi9REmGAIGFBBal9LpPYL/+9a+3//zP/2y77rrrCmv43ve+N/mSc/cJ6z/90z8ttL6X/7vSi6kECRBYicCilF73FZLuS8ndJ7Cf+tSnVjj9F7/4xcmnqt2vj/3RH/1RvDlKL6YSJEBg1qXXvW/X/Rrae9/73vZv//ZvL5+++2Cj+35e9z287mVu92ls+lB6qZQcAQIrE1iUO73uhN3XRg488MD22c9+tn3uc5+b/MGB7n9/7Wtfm/y3j370o712Run14hImQOB1BKLS+8EPfjD5Pdcf/ehHk18H637zoXt0n8K+853vbO94xzsmfwXl13/911c4TfcbFn/1V3/Vur963H11pfttis9//vO9/rTUsgMu+55e9yts119/vQ0lQIDAGxKISu8NHbn4h7qvwHRfc9ltt93aTTfdVHx0hyNAYFURWDKl98gjj0z+ikr3B0VvvfXWVWV/PE8CBIoFlkzpdd/5677+0v0xg6uuuqqYweEIEFhVBJZM6a0qG+J5EiCwuAJKb3F9HZ0AgZEJKL2RbYjlECCwuAJKb3F9HZ0AgZEJKL2RbYjlECCwuAL/D0ZiQ9N23eTwAAAAAElFTkSuQmCC" alt="">

html代码

 <div class="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

css代码

.parent {
  width: 200px;
  height: 150px;
  background-color: black;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}

.child {
  box-sizing: border-box;
  background-color: white;
  flex: 0 0 25%;
  height: 50px;
  border: 1px solid red;
}

转自阮一峰博客

欢迎大家访问我的博客