Возможно ли иметь div на сайте, который не влияет на полосы прокрутки тела?

Question

У меня есть мой веб-сайт с шириной и шириной 1000 пикселей. У меня есть div, внутри центрированного 1000px div, то есть 500px left и 700px width. Div переполняется из 1000px div вправо на 200px.

Все выглядит великолепно, но на небольших мониторах переполненный div создает полосу прокрутки внизу.

Можно ли пометить этот переполненный div как нечто вроде «не добавлять в область прокрутки»?

Я только хочу, чтобы переполняющая часть этого div была видимой, если на экране достаточно места.

** Добавлено изображение, которое поможет описать проблему.

** Added js fiddle here < < пришлось использовать bit.ly потому что это не позволит мне размещать jsfiddle

Answer 1

Вы должны использовать высоту и ширину в процентах. Используя это, он будет работать на каждом разрешении, а div никогда не будет прокручиваться. Как

div.body{ 
    width: 100% 
    margin: 0 auto; 
} 

Могли бы вы дайте мне знать, что это именно ваш HTML структура DOM?

Answer 2

Добавьте этот CSS в свой переполненный div. Все, что выплескивается из div, не будет отображаться на небольших мониторах.

overflow: hidden; 

Answer 3

Добавить overflow:visible; в DIV с 1000px шириной. Это сделает часть ширины div 700px шириной до желтого div.

Чтобы предотвратить прокрутку, введите overflow:hidden; в тег тела. Но если ширина экрана меньше 1200 пикселей, правая часть будет срезана. Попробуйте это в любом случае.