我的所有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。我做错了什么?
答案 0 :(得分:0)
h2&amp;有默认边距和填充。 h3元素。您应该使用固定值进行设置。