Как от центровать картинку так чтобы не вырезалось и не появлялось прокрутка ?

[Дмитрий Афанасьев]

Есть макет в котором изображение выезжает из центровщика и получается что:
- изображение обрезается (как бы центровщик не дает выйти из своей ширины)
- или же появляется полоса прокрутки.

Как нормально сделать подскажите пожалуйста.
А именно: Мне нужно чтобы изображение выезжало из центровщика но не обрезалось и чтобы не появлялся нижний скрол при уменьшении экрана, а чтобы просто изображение скрывлось то часть которая не влезает.   
 

[Igor Schnaider]

overflow: hidden на общем для всей страницы контейнере добавьте. На body, например.

[Igor Schnaider]

Не понял вопрос тогда.

  On 7/14/2018 at 4:02 AM, Дмитрий Афанасьев said:

...изображение скрывалось, та часть, которая не влезает.

Expand  

В смысле, чтобы просто исчезла картинка на малом размере? Тогда media queries в помощь – display: none.

[Switch74]

http://jsfiddle.net/j1vgt7u3/

[Дмитрий Афанасьев]

  On 7/15/2018 at 4:30 AM, Igor Schnaider said:

overflow: hidden на общем для всей страницы контейнере добавьте. На body, например.

Expand  

Тогда картинка обрезается.

[Дмитрий Афанасьев]

  On 7/16/2018 at 3:47 PM, Igor Schnaider said:

Не понял вопрос тогда.

В смысле, чтобы просто исчезла картинка на малом размере? Тогда media queries в помощь – display: none.

Expand  

нет, чтобы обрезалась и не появлялся прокрутка когда не помещается картинка. А так она когда непомещается и когда помещается все равно обрезается. 
—————————--
Изменено: 
Да понял как делается спасибо я то hidden прописывал body а нужно было тот блок на котором все строится. 

 

Edited July 17, 2018 by Дмитрий Афанасьев
update ?

[Дмитрий Афанасьев]

  On 7/17/2018 at 9:39 AM, Switch74 said:

http://jsfiddle.net/j1vgt7u3/

Expand  

Не понял за счет чего такое чудо происходит.