Жидкость: избегайте изменения в ширине тела благодаря вертикальной полосе прокрутки

Я внедрил жидкий макет для своего сайта. Я установил ширину тега тела на 100%.

<html>
<head>
</head>

<body>
    <div id="container">
        some content
    </div>
</body>


body
{
   margin: 0;
   padding: 0;
   width: 100%;
}

Для некоторых страниц отображается вертикальная полоса прокрутки. Из-за чего ширина тегов тела уменьшается на 16 пикселей. Мне нужно установить ширину тела таким образом, чтобы отображение полосы прокрутки не влияло на нее.
Я пробовал следовать, но он не работал с FF9.

 body{
    width: -moz-calc(100% - 16px);
}

Может ли какой-нибудь орган предложить способ достичь этого?

Ответы

Ответ 1

Один из способов обойти это - убедиться, что полосы прокрутки всегда присутствуют. Вы можете с уверенностью стилизовать свои страницы, чтобы они не сдвигались влево и вправо.

html,body
{
 height:101%;
}

Вы также можете сделать:

html {
       overflow-y: scroll;
}

(я не думаю, что метод переполнения работает с Opera, хотя)

Ответ 2

Вы не должны использовать calc так или иначе. Он не реализован в Chrome,

Если ваша ширина установлена ​​на 100%, ваш контейнер не будет влиять на вертикальную полосу прокрутки. Он каждый раз на 100% ширины. С помощью полосы прокрутки или без нее она заполняет каждый раз 100% окна просмотра.