angualr css grid 显示问题

查看 46|回复 1
作者:Lukedis   
body {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(15, 1fr);
  gap: 0 0;
}
header {
  grid-area: 1 / 1 / 2 / 13;
  width: 100%;
  position: sticky;
  top: 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 70px;
  grid-template-areas: ". home notes group . search search . . login signup .";
}
但是 header 元素堆积在一个格子里面,我希望 header 元素占据第一行

header, repeat, Grid, Search

Hanggi   
https://tburleson-layouts-demos.firebaseapp.com/#/docs
您需要登录后才可以回帖 登录 | 立即注册

返回顶部