CSS位置固定属性错误

这是我的网站：http://www.kursatkarabulut.com/dersler/CSS位置固定属性错误

我试图做类似按钮留上的浏览器的左上角有一个固定的位置。每个按钮类似于.likebuttons的另一个子类。这个CSS有什么问题？

我的CSS是：

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

而且我还有一个问题。页面宽度是800px。当我在资源管理器/ Opera/Safari/Mozilla中打开此页面时，这一切似乎都很正常。但是当我在Chrome中打开它时，它忽略了宽度：800px;和余量：0自动;变成全屏。我怎样才能解决这个问题？

我的HTML是：

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

来源

2012-12-30 showbiz

有什么问题吗？这些按钮在我的Firefox浏览器的左上角保持不变，页面在我的浏览器中为800像素。你有更新你的网站？ – MTilsted

我更新了网站，但我不知道为什么它仍然发生。无论使用哪个浏览器，按钮都会随页面滚动。我正在使用Cloudflare并将其禁用，认为它可能会导致问题。 – showbiz

这很奇怪。他们都站在我的Firefox和谷歌浏览器。您是否在移动设备上进行测试？移动浏览器似乎处理的位置：固定与其他网站非常不同。 – MTilsted

这是你拥有的一切：

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

变化top: 100px;到top: 0px;

作品铬正常。

来源

2012-12-30 16:38:25 Vucko

CSS位置固定属性错误

回答

相关问题