文本在不同的分辨率下移动

Question

http://rssreaderbg.net/pubsubbub/example/cssexam/index.php 单击三叶草。动画文本显示后。 在更大的分辨率上，文字改变了他的立场。因为 position: absolute; top: 35px; left: 400px; 但我不知道如何以另一种方式定位它。 如果我设置了一些边距或填充，则整页向下移动。

Answer 1

你有position: absolute;引用身体（即你没有在其他任何地方设置它）

如果你把

position: relative;

在CSS的标题上

，它应该使位置绝对相对于该div，因此调整窗口大小不会移动文本。

#header {
    background: url("headers.jpg") repeat-x scroll 0 0 transparent;
    position: relative; /*add this line in*/
    height: 139px;
    margin: 0 auto;
    width: 990px;
}