css - 文本在不同分辨率下移动

Question

http://rssreaderbg.net/pubsubbub/example/cssexam/index.php单击三叶草。动画文本显示后。在更大的决议文本改变他的立场。这是因为position:absolute；顶部:35px；左:400px；但我不知道如何以另一种方式定位它。如果我设置一些边距或填充，整个页面会向下移动。

Answer 1

你有 position: absolute; 引用 body (即你没有在其他任何地方设置它)

如果你把

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;
}