双飞翼布局

muchenli / 2023-07-21 / 原文

一、flex实现

代码如下:

<header></header>

<div class="container">

    <div class="left"></div>

    <div class="center"></div>

    <div class="right"></div>

</div>

<footer></footer>

 

header {

height: 20px;

backgroundcolor: skybule;

}

.container {

display: flex

}