Як зберегти div зліва від екрана незалежно від розміру екрана?

В даний час я працюю на сайті, який використовує повзунок в певний момент, але замість звичайних стрілок, які знаходяться всередині повзунка (стрілки ліворуч і праворуч, для повзункової навігації), мені потрібно отримати ліворуч, прикріплену зліва від екран незалежно від розміру екрана, а стрілка вправо - однакова. Вона працює лише з моїм екраном у даний момент (1366x768), а код - це

.bx-prev {
margin-left:-16.2%;
position:absolute;
margin-top:-200px;
}

.bx-next{
margin-left:86.2%;
position:absolute;
margin-top:-200px;
}

Будь-яка допомога буде вдячна. Крім того, якщо це можна зробити найкращим у Javascript/jQuery, я також відкритий для цього.

0
Якщо я використовую верхній/лівий/нижній/правий, він залишатиметься всередині повзунка .. Мені потрібно розірвати його і прикріпити його до лівого та правого країв екрану відповідно.
додано Автор askome, джерело
Зауважте: якщо ви використовуєте position: absolute з полями замість поля верхнього / left / нижнього / праворуч , ви, можливо, зробите щось не так.
додано Автор RoToRa, джерело

4 Відповіді

Вам потрібно додати position: relative до батьківського елементу, тоді ви можете використовувати position: absolute ; у пов'язаному з батьківським елементом

.bx-prev {

position:absolute;
top:200px;
left: 0px;
    height:10px;
    width:10px;
    background:lime;
}

.bx-next{
    top:200px;
 height:10px;
    width:10px;
    background:lime;
position:absolute;

right: 0px;
}
.slider{
position:relative;
    width:500px;
        height:500px;
    background:red;
}   

<div class="slider">
    <div class="bx-next"></div>
    <div class="bx-prev"></div>
</div>

зразок

5
додано

Ви використовуєте абсолютне позиціонування, щоб ви могли зробити це:

.bx-prev {
margin-left:-16.2%;
position:absolute;
margin-top:-200px;
left: 0px;
}

.bx-next{
margin-left:86.2%;
position:absolute;
margin-top:-200px;
right: 0px;
}
3
додано
Це нічого не змінює на стрілку ліворуч, кришка між лівого краю екрана і стрілка з'являться, якщо екран більше, і якщо менше, стрілка буде просто прихована за лівим краєм екрану .. стрілка правої руки просто зникло так само далеко на правий край екрану.
додано Автор askome, джерело
додано Автор askome, джерело
Будь-ласка, опублікуйте код thml, оскільки я чітко неправильно зрозумів вас.
додано Автор andreapier, джерело

Абсолютне позиціонування виводить елемент з контейнера і дозволяє вільно розміщувати його на документі, використовуючи верхній / нижній / лівий / праворуч .

Ось jsfiddle, який показує b всередині a у розмірі, але я розмістив його в лівій частині. Це те ж саме з c справа.

http://jsfiddle.net/w2CsF/1/

1
додано
position: fixed;

Чи є відповідь на ваше запитання.

0
додано
Я не думаю, що ви повністю зрозуміли мене, або я просто смоклюю пояснення, але я маю на увазі, що коли розмір екрана більший, з'являється пробіл між лівого екрана та стрілкою, він не прикріплений до нього.
додано Автор askome, джерело