Оболочка с «margin: auto» будет сдвинута влево после заполнения контентом

Question

У меня пустой документ, в котором есть только div с именем wrapper. у него есть запас: авто.

Если я добавлю к нему больше, чем, скажем, 15 строк контента, он будет сдвинут влево примерно на 10-9 пикселей. Есть ли способ это исправить?

Большое спасибо!

Answer 1

Я предполагаю, что она сдвигается влево, как только полоса прокрутки поднимается с правой стороны окна просмотра.margin:auto будет держать обертку в середине своего родителя.Допустим, ваше окно имеет ширину 800px, а обертка - 400px, тогда с каждой стороны у него будет 200px, поскольку margin:auto будет держать его посередине.Вы добавляете контент в свою оболочку, и этот контент заставляет оболочку расти больше, чем высота вашего окна.Полоса прокрутки появляется справа, и окно по-прежнему 800px, но область просмотра стала примерно на 20 пикселей меньше для отображения полосы прокрутки.В результате общая ширина вашей страницы сократилась до 780px вместо 800px, поэтому margin:auto переместит вашу оболочку 10px влево.

Answer 2

Вы указали ширину div. Также попробуйте margin:0 auto; вместо margin:auto; См рабочий пример на http://jsfiddle.net/TGyhS/1/