Как сделать, чтобы при right:-9999px не появлялась полоса прокрутки?

Question

[Egorian]

Как можно обойти особенность, что при отрицательном right или left:999999px появляется полоса прокрутки?
Делаю выплывающее меню, но столкнулся с такой проблемой.

Answer 1

[Максим Федоров]

Через абсолютные стили, только у родителя сделай position:relative;

.dropdown-menu {
	display:block;
	left:-900em;
	transition:transform .3s ease,opacity 0s ease;
	transform: translate(0,20px);
	-webkit-transform: translate(0,20px);
    opacity: 0;
	border:1px solid #ddd;
}


.dropdown:hover .dropdown-menu {
    display: block;
	opacity:1;
	left:0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}

Comments

[Ankhena]

Только сначала свойство с префиксом, а потом основное, а не наоборот.
И в современном мире префиксы ставит автопрефиксер, так что можно их и не указывать вовсе.

Answer 2

[Андрей Хохлов]

overflow: hidden родителю

Answer 3

[Vladimir Dubos]

overflow: hidden;