2017-06-02 247 views
-2

我在網站左側的菜單按鈕,我不能浮到右側,我試圖顯示屬性上千次 這裏我的CSS:浮動按鈕右側

.menu-button { 
    position: fixed; 
    z-index: 999999999; 
    margin: 1em; 
    padding: 0; 
    width: 2.5em; 
    height: 2.25em; 
    border: none; 
    text-indent: 2.5em; 
    font-size: 1.5em; 
    color: transparent; 
    background: transparent; 
    outline: 0; 
    } 

這裏是網站,你可以順便檢查inspact元素:wwww.takchinsaffron.com

+0

你試過'浮動:right'?或'right:0'因爲位置是固定的 – Swellar

+1

尋求幫助的問題(「**爲什麼不是,或者如何使這個代碼工作?」)必須包含所需的行爲,具體的問題或錯誤以及**必要的最短代碼** _在問題本身**中重現**。沒有**明確問題陳述**的問題對其他讀者沒有用處。請參閱:[如何創建最小,完整和可驗證示例](http://stackoverflow.com/help/mcve)。 – LGSon

+0

是在第一次嘗試嘗試:D我設置顯示:內嵌塊或顯示:內聯和浮動:右但沒有工作 –

回答

2

添加right: 0到您的選擇:

.menu-button { 
    right: 0; 
} 
+0

謝謝,工作正常,我將在10分鐘內接受你的答案 –

1

添加left:100%您選擇:

.menu-button { 
    left: 100%; 
} 

如果元素去出界,嘗試添加transform:translate

.menu-button { 
    left: 100%; 
    transform:translate(-100%, 0); 
} 
+0

或者你可以做'left:calc(100% - 2.5em);'... – LGSon

+0

@LGSon爲什麼是'2.5em'? – Swellar

+0

工作正常,謝謝你 –