001GRID布局基础案例小练
分析: 可以将它看作他是由左边浅绿色和右边边框为蓝色的部分组成,直接划分成左右两部分,只需要划分列数为2,,以及每份所占等分,这里为1:2。分析:将它分成上下两部分,只需要划分行数,以及每份所占比例(等分),这里为1:4。单位来帮助我们创建灵活的网格轨道。这里行宽比例为:header : main == 1 : 4 ,再加个网格间距。创建grid容器,子元素默认行宽 == others兄弟。最后再去掉的背景色就结束啦!等份划分为1:1:1:1:1。/* 定义行宽 */
原创
2024-07-21 16:20:15 ·
278 阅读 ·
0 评论