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

angualr css grid 显示问题

  •  
  •   Lukedis ·
    Lukedis · 2023-01-23 10:59:53 +08:00 · 1166 次点击
    这是一个创建于 668 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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
    Hanggi
        1
    Hanggi  
       2023-01-23 12:17:46 +08:00
    nzbin
        2
    nzbin  
       2023-01-23 17:35:24 +08:00
    Lukedis
        3
    Lukedis  
    OP
       2023-01-24 21:56:50 +08:00
    @nzbin 没有看到 grid 里面嵌套 grid 的例子
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5356 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 08:46 · PVG 16:46 · LAX 00:46 · JFK 03:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.