пытается остановить горизонтальной прокрутки

Question

я создал DIV и установить его начальное положение

<div class="guide" > 
<style> 
    .guide{ 
    height:150px; 
    width:200px; 
    position:absolute; 
    right:-170px; 
    top: 10%; 
    } 
</style> 

Что я хочу, когда я нажимаю на DIV он должен comeout с правой стороны. Проблема заключается в том, что окно обеспечивает горизонтальную прокрутку, поэтому, если человек прокручивается вправо, то div является достаточно видимым. Я хочу остановить горизонтальный прокрутки, чтобы, если пользователь нажимает на div, то только его видно. Теперь, если какой-либо орган объяснит, почему он идет за пикселями -это, потому что иногда он не выходит за пределы -ve px, иногда это происходит, почему?

Answer 1

Добавить overflow-x: hidden; в Родительский элемент.

Answer 2

Горизонтальная полоса прокрутки: overflow-x: hidden;

Вертикальная полоса прокрутки: overflow-y: hidden;

как: overflow: hidden;

Answer 3

Скрыть вертикальная полоса прокрутки родительского DIV с помощью

overflow-x: hidden;