Блог

Главная - Вопросы по программированию - Ошибка Html с шириной блока и полосой прокрутки

Ошибка Html с шириной блока и полосой прокрутки

#html #css #twitter-bootstrap

#HTML #css #twitter-bootstrap

Вопрос:

Я использую загрузчик Twitter и изменяю ширину по умолчанию на 1265 пикселей. Попробуйте изменить размер окна до 1265 пикселей. (демо http://markup.website-builder.ru/demonstration/test.html )

В примере у нас мало блоков, и при изменении размера окна появляется ошибка. Таинственная белая линия справа от экрана http://take.ms/fOEn2

Как я мог это исправить? Почему это появляется?

Overflow-x — плохая идея, потому что все остальное будет сломано.

Спасибо

Комментарии:

1. это не полоса прокрутки take.ms/yjqj4

2. Может ли это иметь какое-либо отношение к этому — @media (min-width: 1265px) .container { width: 1265px;} ? Не забывайте, что у вас есть дополнительные поля / отступы, применяемые при начальной загрузке

3. Да, я вижу эти поля и отступы. Но как сделать так, чтобы эта строка исчезла? Я перепробовал 100 различных комбинаций, но ничего не происходит..

Ответ №1:

Вам нужна разница в ширине в 30 пикселей, потому что у вас есть отступы в 15 пикселей влево и вправо, так что это означает, что есть два возможных решения:

 @media (min-width: 1265px)
.container {
    width: 1235px;
}

@media (min-width: 1295px)
.container {
    width: 1265px;
}