Css 网格元素的顺序对视觉效果没有影响
当尝试将我的HTML放入网格格式时，元素不会更改为正确的位置集，也不会移动，我想知道是否有任何修复方法。我使用firefox和服务器来编辑代码和托管网站。除此之外，它还提出了一个注意事项，即网格模板区域：如果存在任何差异，那么它是一个未知的优势Css 网格元素的顺序对视觉效果没有影响,css,css-grid,Css,Css Grid,当尝试将我的HTML放入网格格式时，元素不会更改为正确的位置集，也不会移动，我想知道是否有任何修复方法。我使用firefox和服务器来编辑代码和托管网站。除此之外，它还提出了一个注意事项，即网格模板区域：如果存在任何差异，那么它是一个未知的优势 .diaryNav{ 网格区域：日记导航； 左边距：0px； 背景色：#3f3f； 填充：30px； 左边距：35px； 右边距：880px； } .横幅{ 网格区域：横幅； } .时间表{ 网格区域：时间表； 左边距：0px； } .日记条目{ 网格
.diaryNav{
网格区域：日记导航；
左边距：0px；
背景色：#3f3f；
填充：30px；
左边距：35px；
右边距：880px；
}
.横幅{
网格区域：横幅；
}
.时间表{
网格区域：时间表；
左边距：0px；
}
.日记条目{
网格区域：日记条目；
}
1.额外工作{
背景色：#66fcf1；
颜色：黑色；
左边距：0px；
网格区域：额外工作；
}
.参考文献{
网格区域：引用；
左边距：0px；
}
.pageNav{
gridArea:pageNav；
左边距：0px；
}
#包装纸{
显示：网格；
网格间距：0；
网格模板区域：“横幅”“时间表”“页面导航”“日记导航”“日记条目”“额外工作”“参考”“页脚”；
}
布兰登学习杂志
&抄袭；2019年，作者。
<aside class=diaryNav>
<aside class="diaryNav">
gridArea: pageNav;
grid-area: pageNav;
doctype<!DOCTYPE html>
布兰登学习杂志
&抄袭；2019年，作者。
maincss#main{
display: grid;
grid-gap: 0;
grid-template-areas: "timeTable diaryNav"
"diaryEntry extraWork"
"refrences refrences"
}
当使用
网格区域网格模板区域