Избегайте горизонтальных полос прокрутки при использовании поля слева (для элемента шириной 100%) для отображения фиксир ⇐ Html

[Anonymous]

На моей странице слева есть фиксированное меню td (не прокручивается вместе со страницей) шириной 150 пикселей. Контейнер страницы имеет ширину 100%. Когда вы используете позицию:fixed для элемента, он убирает элемент из макета, поэтому вам придется поработать над этим, чтобы убедиться, что все видно. По этой причине в контейнере страницы у меня установлено значение «margin-left:150px». Это приводит к тому, что он выходит за пределы экрана на 150 пикселей вправо, в результате чего отображается горизонтальная полоса прокрутки.

Я не могу просто скрыть переполнение, потому что элементы должны быть центрированы по горизонтали, и они будут отображаться слишком далеко вправо. Я не могу вычислить это с помощью JavaScript, потому что меню сворачивается, поэтому ширину придется пересчитывать каждый раз, когда меню сворачивается. Я также не могу редактировать HTML; Я переделываю сайт с помощью CSS и JavaScript/jQuery.

Вот демо-версия, которая лучше объяснит мою проблему: http://jsfiddle.net/3yBRV/4/embedded/result/

Подробнее здесь: https://stackoverflow.com/questions/124 ... h-100-widt