Полоса прокрутки при абсолютном позиционировании

[vip]

Имеется такая конструкция. В блок вложен блок с фоновой картинкой.

<div class="outer">
  <div class="block"></div>
</div>

Css:

.outer{
	width:980px;
	margin:0 auto;
	position:relative;
}
.block{
	position:absolute;
	width:200px;
	height:200px;
	left:-100px;
	top:-50px;
}

В данном случае, если окно браузера сужается менее 1180px, полоса прокрутки не появляется,
Но если задать

.block {
	right:-100px
}

при сужении окна, полоса прокрутки появляется.

Как обойти данный момент?

То же самое и если сдвигать .block  вверх- полосы прокрутки нет, а если сдвигать .block вниз, то полоса появляется.

[Switch74]

например так https://jsfiddle.net/5cgeoj80/1/

[Launder]

А можно попробовать воспроизвести проблему в песочнице? Макет с картинкой в уменьшенном виде поместить, например, в jsfiddle.net

[Switch74]

полоса прокрутки и не обязана появляться при выдвигании элементов вверх и влево

[Igor Schnaider]

3 часа назад, vip сказал:

Как обойти данный момент?

Если нужно избавиться от скроллбаров, overflow-x: hidden на body поставьте.

[vip]

6 часов назад, Launder сказал:

А можно попробовать воспроизвести проблему в песочнице? Макет с картинкой в уменьшенном виде поместить, например, в jsfiddle.net

пример на JSFiddle

Сейчас выдвинул блок за правое поле, и если уменьшить поле, то полоса прокрутки появится, когда край окна дотронется до черного блока, если же позиционировать этот блок за левое поле, то полоса появляется только когда край окна качается основного- серого блока.

6 часов назад, Switch74 сказал:

полоса прокрутки и не обязана появляться при выдвигании элементов вверх и влево

Мне и не надо, чтоб она появлялась. как этого же достичь когда выдвигаем за правый или нижний край? кроме overflow-x: hidden на body?

Edited June 22, 2016 by vip

[Switch74]

только overflow:hidden не обязательно для body, если сделать обертку для block

[vip]

13 часа назад, Switch74 сказал:

только overflow:hidden не обязательно для body, если сделать обертку для block

Можете показать?

[Switch74]

https://jsfiddle.net/5cgeoj80/1/