V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Lukedis
V2EX  ›  程序员

angualr css grid 显示问题

  •  
  •   Lukedis ·
    Lukedis · 7 天前 · 615 次点击
    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 元素占据第一行

    3 条回复    2023-01-24 21:56:50 +08:00
    Lukedis
        3
    Lukedis  
    OP
       5 天前
    @nzbin 没有看到 grid 里面嵌套 grid 的例子
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   实用小工具   ·   1638 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 12:31 · PVG 20:31 · LAX 04:31 · JFK 07:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.