css - 一项与 CSS 定位不对齐（但所有其他项都是）

Question

我所有的 html 元素都被定位在我想要的位置，除了一个，我不明白为什么它应该是例外。剪断以排除不相关部分的css是：

body {
position:relative;
}

ul {
position:absolute;
list-style:none;
margin:0px;
padding:0px;
}

li: {
position: relative;
top: 90px;
display: block;
height: 80px;
}

#track_title {
    position:absolute;
    top: 1px;   
    left: 80px;
    font-size: 15px;
    font-weight: bold;
}

<ul>
<li>
<img src="image.png">
<h2 id = "track_title">Title</h2>
<h3 id = "artist_name">Name</h3>

但是，正如您从屏幕截图中看到的那样，标题出现在距离其父 li 顶部超过 1px 的位置。我做错了什么？

Answer 1

h2 & h3 元素有默认的边距和内边距。你应该用你的固定值来设置它。