CSS位置固定属性错误

Question

这是我的网站:http://www.kursatkarabulut.com/dersler/

我试图让点赞按钮保持在浏览器左上角的固定位置。每个点赞按钮都在 .likebuttons 的另一个子类中。这个 CSS 有什么问题？

我的 CSS 是:

.likebuttons {
    position:fixed;
    left:5px;
    top:5px;
    margin:20px 25px 0;
} 

我还有一个问题。页面宽度为 800px。当我在 Explorer/Opera/Safari/Mozilla 中打开这个页面时，一切看起来都很正常。但是当我在 Chrome 中打开它时，它会忽略 width:800px;和 margin :0 自动；变成全屏宽。我该如何解决这个问题？

我的 HTML 是:

body {
    width:800px;
    margin:0 auto;
    height:100%;
    text-align:justify;
    padding: auto;
    background:#CCCCCC;
    margin-bottom:15px;
}

Answer 1

这就是你所拥有的:

.likebuttons {
    display: block;
    position: absolute;
    left: 0px;
    top: 100px;
    width: 300px;
    height: 200px;
    margin: 20px 25px 0;
    clear: right;
}

将 top: 100px; 更改为 top: 0px;

在 chrome 中正常工作。