位置變化使圖像右移

當我將圖像的位置更改爲固定時，它會熄滅到右側，我無法弄清楚如何將其恢復到頁面中心並仍然使用position：fixed屬性。請幫忙位置變化使圖像右移

謝謝你提前！

CSS: 
    header { 
     height: 60px; 
     color: #413659; 
     background-color: #413659; 
     margin-top: 30px; 
    } 

#logo { 
     height: 100px; 
     width: 100px; 
     margin-left: auto; 
     margin-right: auto; 
     position: fixed; 
     top: 10px; 
    }

HTML：

<header> 

    <img src="http://i.imgur.com/IdtgpVa.png" alt="DP" id="logo"> 

</header>

來源

2013-06-20 user2503763

分享您的代碼，請 –

我爲您建立的jsfiddle：http://jsfiddle.net/2eqYe/到底有什麼不對勁？ – Ruben

試試這個

#logo { 
     height: 100px; 
     width: 100px; 
     margin-left: -50px; 
     margin-right: auto; 
     position: fixed; 
     top: 10px; 
     left:50%; 
    }

更新jsFiddle file

來源

2013-06-20 05:38:21

嘗試使用此爲您的CSS：

header { 
     height: 60px; 
     color: #413659; 
     background-color: #413659; 
     margin-top: 30px; 
    } 

#logo { 
     height: 100px; 
     width: 100px; 
     margin-left: 45%; 
     margin-right: auto; 
     position: fixed; 
     top: 10px; 
    }

來源

2013-06-20 05:40:18 Gimmy

這應該會給你一箇中心標誌。我沒有使用50％，因爲這會將徽標移到右側。這裏是一個jsFiddle：http://jsfiddle.net/d67M6/。 – Gimmy

您也可以使用calc()從CSS3

left: 45%; 
    left: calc(50% - 50px);

http://jsfiddle.net/S8utY/

來源

2013-06-20 05:43:09 jQuery00

位置變化使圖像右移

回答

相關問題