我正在制作一个网站,它只有几行,我只是制作了它的结构,看看它的样子,直到现在我还以为我理解CSS中的"相对"位置是什么意思.这是我的HTML和CSS代码.如果您看一下CSS,您将在#about div中看到
position: relative;
top: 13%;
在#portfolio中
position: relative;
top: 0;
但它不在#wrap div之上.如果我将其位置改为绝对位置,它将位于顶部.所以我的问题是:#portfolio div是相对于什么的？我认为它应该是相对于我认为它应该是相对于包装更改它的顶部位置.(对不起关于这篇文章的格式化,如果你会很好地格式化它会更好,它会很棒,我试过但它太可怕了)
position: relative;如果您未指定该选项,则会导致项目相对于其所在的位置.该项目仍然占用与其相同的"空间",但可以移动.这与将其定位在其父级中没有任何关系.
例如:
position: relative;
top: 5px;
将导致项目为5个像素下来,从那里被移动否则会.
position: relative;
top: -5px;
会使它从原本会移动5个像素.
另请注意,可以通过使用此对象使对象与其他对象重叠或移动到其父对象之外,具体取决于您偏移它的程度.