Как установить фиксированное положение моих элементов в моем случае

Question

Я пытаюсь установить элементы на краю левой и правой стороны экрана независимо от того, какое устройство или размер экрана.

Я использую самозагрузки и что-то вроде

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

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

Моего КССА как

#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.