Question

我是CSS新手，我试图将我的标题放在几个像素的位置，而不会将页面的其余部分向下移动。

我已经尝试了padding-bottom但它会向下移动页面，尝试保证金底部并且它什么都不做。尝试漂浮，对齐。线高度由于某种原因没有效果。唯一有轻微影响的是position: absolute;和line-height与此一起工作但是它移动了一点点太远了，现在我只需要几个像素。 line-height不会提高2px以上，我也尝试过使用％以上的所有内容。

在使用position之前，有没有人能解决这个问题：绝对是我现在遇到line-height限制的问题。

h2 {
    padding-left: 45%;
    position: absolute;
    line-height: 2px;
}

Answer 1

使用position: absolute时，添加保证金不会影响排名。

尝试使用top: 2px它会将元素从顶部向下放置2个像素。另外line-height: 2px看起来非常hacky，除非font-size是1px我不会使用它。

h2 {
    padding-left: 45%;
    position: absolute;
    top: 2px;
}

有关位置属性的更多信息：http://www.w3schools.com/cssref/pr_class_position.asp

Answer 2

你可能会发现这个位置：绝对会给你带来一些问题。这是因为你将它从常规流程中取出，所以它不再保留它的位置。如果遇到问题，请尝试使用position：relative。这应该保持在流程中，并与top结合：2px应该将其向下移动一点。

您还可以尝试的其他一些选项包括margin-top：2px或padding-top：2px（使用position：relative时）。填充底部不起作用的原因是因为你在它下面添加了一些额外的＆＃34;填充＆＃34; /空间，而不是在它之上。

这有意义吗？请问任何问题。

定位标题而不移动页面的其余部分

2 个答案: