手写-圣杯布局

这里是头部
左边
中间部分
右边
这里是底部
<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>
posted @ 2023-02-02 15:23  felix的小黑屋  阅读(28)  评论(0)    收藏  举报