100% разделение по ширине

Question

У меня есть несколько width: 100%; разделений как части моей HTML-страницы, однако, когда я увеличиваю страницу или просматриваю изображения с низким разрешением, так что часть содержимого выходит за горизонтальный предел экрана (и, следовательно,появляется горизонтальная полоса прокрутки), и я обнаружил, что прокрутка вправо приводит к обрезанию моего 100% деления по ширине.

Этот эффект показан ниже:

Answer 1

То же самое происходит с этой веб-страницей, здесь, на переполнении стека.При увеличении с помощью FF5.0 нижний колонтитул и верхний колонтитул «обрезаются» при прокрутке вправо.Это потому, что div содержимого должен переполняться справа.

Я думаю, что вы хотите избежать переполнения сбоку (это не эстетично и труднее перемещаться по странице).

Решение может заключаться в том, чтобы не иметь div, которые имеют минимальную ширину (например, 960px для содержимого div # этой веб-страницы), а скорее являются переменными (50%).Если вы увеличите, ширина = 50% останется 50%, она не будет переполнена.

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