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位置固定屬性錯誤

回答

相關問題