如何在我的情況下設置我的元素的固定位置

Question

我試圖設置元素停留在屏幕的左側和右側的邊緣，無論設備或屏幕的大小是多少。

我使用的引導和有類似

<a href='#' id='prev' class='btn btn-primary'>left button</a> 

<a href='#' id='next' class='btn btn-primary'>right button</a> 

我的CSS像

#prev{ 
    position: fixed; 
    top: 50%; 
    left: 0%; 
} 

#next{ 
    position: fixed; 
    top: 50%; 
    left: 95%; 
} 

我想是這樣

left button(edge of screen)       right button(edge of screen) 

左按鈕看起來不錯，但我的問題是正確的按鈕。 我的CSS只適用於某些屏幕尺寸，但不是全部。有人可以幫我解決這個問題嗎？非常感謝！

Answer 1

嘗試將right屬性：

#prev{ 
    position: fixed; 
    top: 50%; 
    left: 0; 
} 

#next{ 
    position: fixed; 
    top: 50%; 
    right: 0; 
} 

JS小提琴：http://jsfiddle.net/6gw3K/

Answer 2

使用權：0 #next

#prev{ 
    position: fixed; 
    top: 50%; 
    left: 0; 
} 

#next{ 
    position: fixed; 
    top: 50%; 
    right: 0; 
} 

Answer 3

假設固定的位置不是硬性要求，你可以看看使用浮動。例如：

#pref{ float:left; } 
#next{ float: right; } 

請參閱this jsfiddle。