我一直試圖消除我的粘性標(biāo)題后面的一個(gè)小空間，但它并不像我預(yù)期的那樣。

當(dāng)我上下滾動(dòng)時(shí)，我看到在header元素上方有一個(gè)類似10px的小圖標(biāo)。但是我希望它在我開(kāi)始滾動(dòng)之前就非常穩(wěn)定。當(dāng)頁(yè)面滾動(dòng)時(shí)，它不應(yīng)該移動(dòng)一英寸。 我寫的css如下:這是唯一的css代碼

html {
    box-sizing: border-box;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }

body {
    padding: 0;
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #000;
    background-color: azure;
}

.header {
    position:sticky;
    height: 10rem;
    background-color: aquamarine;
    top: 0;
    z-index: 999;
}
section {
    height: 900px;
    width: 40%;
}
main {
    height: 900px;
    width: 40%;
}
aside {
    height: 900px;
    width: 20%;
}

我看不到你的HTML文件，但據(jù)我所知，你希望標(biāo)題總是在屏幕的頂部，是這樣嗎？請(qǐng)記住，如果您使用& quot位置:粘& quot，當(dāng)你滾動(dòng)的時(shí)候，這個(gè)元素只會(huì)貼在屏幕的頂部，但是它會(huì)開(kāi)始定位在你放置它的任何地方。

因此，如果你的header元素上方有任何東西，它將占據(jù)header上方的空間，直到你滾動(dòng)時(shí)屏幕頂部到達(dá)該元素。

也許你需要& quot位置:固定& quot？