灵活灵活性:圣杯布局
通用页面布局模式,圣杯布局。
代码示例如下:
| 010203040506070809101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 | ❝❝* { 边距:0px;边距:0px; } .box { 显示:flex; 弯曲方向:立柱; 宽度:宽度:宽度:♸♸♸ 100Vh;背景颜色:黄色; 文本对齐:中心; 字体大小: 30px;}‾head flex : 0 0 80px; 行高: 80px;}标题{ { 粉色背景颜色: 背景颜色:灰色;}.content { 显示:flex; ♸♸♸ ;}:♸} nav { 顺序: -1; 背景颜色: 蓝色; 弯曲: 0 0 8 0 像素; }‸❙❙❙❙背景颜色:绿色; flex: 0 0 80px;}main { flex: 1;}}❙ | |
版权声明
本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。
code前端网