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

angualr css grid 显示问题

  •  
  •   Lukedis ·
    Lukedis · 14 天前 · 646 次点击
    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
       13 天前
    @nzbin 没有看到 grid 里面嵌套 grid 的例子
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   实用小工具   ·   1206 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 21:40 · PVG 05:40 · LAX 13:40 · JFK 16:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.