Code前端首页关于Code前端联系我们

灵活灵活性:圣杯布局

terry 2年前 (2023-09-27) 阅读数 62 #数据结构与算法

通用页面布局模式,圣杯布局。

代码示例如下:

010203040506070809101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960❝❝ “utf-8”>❝名称=“作者”内容="http://www .softwhy. .com/" />‸/>‸部落* { 边距: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前端网发表,如需转载,请注明页面地址。

热门