这里是头部 左边 中间部分 右边 这里是底部 <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } .header, .footer { height: 40px; width: 100%; background: red; } .container{ display: flex } .middle{ flex: 1; background: yellow; } .left{ width: 200px; background: pink; } .right{ width: 200px; background: aqua; } </style> </head>
标签：flex,圣杯,布局,width,background,手写,200px From： https://www.cnblogs.com/felix-felix/p/17086171.html