CSS - Google+ 框定位

Question

我将 G+ 框添加到主页并注意到，当我增加或减小浏览器页面大小时，网站内容保持在同一位置 - 但 G+ 框移动并覆盖内容。如何修复徽章相对于内容而不是浏览器？

网站 Here

CSS:

html {
height:100%;
}

body {
background:#000;
margin: 0;
padding: 0;
height:100%!important;
min-height:750px;
min-width:980px;
}

object, embed {
vertical-align:top; min-height:750px; outline:none; margin: 0; padding: 0;
}

div {
height: 100%;
}

img {
border:none; vertical-align:top
}

.aligncenter {
text-align:center;
}

.google {
right: 150px;
top: 600px;
position: fixed;
height: 60px;
border: 0;
}

Answer 1

如果您想让 G+ 框始终位于同一位置，为什么不为 flash 和 Logo 创建一个相对定位的容器，为 G+ 创建一个绝对定位的容器？你的 G+ 框不需要有动态宽度(闪光灯只是居中但不改变宽度)所以你在那里没有限制。还是我遗漏了什么？

.container {
position:relative;
}
.google {
position:absolute;
left: 600px;
top: 600px;
height: 60px;
border: 0;
}