V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
Lukedis
V2EX  ›  程序员

angualr css grid 显示问题

  •  
  •   Lukedis ·
    Lukedis · Jan 23, 2023 · 1717 views
    This topic created in 1190 days ago, the information mentioned may be changed or developed.
    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 replies    2023-01-24 21:56:50 +08:00
    Lukedis
        3
    Lukedis  
    OP
       Jan 24, 2023
    @nzbin 没有看到 grid 里面嵌套 grid 的例子
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1057 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 22:40 · PVG 06:40 · LAX 15:40 · JFK 18:40
    ♥ Do have faith in what you're doing.