0

Развёрнутое продолжение вопроса Как растянуть div-блок на всю ширину страницы? в картинках

Есть див блок. Красивый и чёрный с width:100%. Должен занимать всю ширину экрана.

Смотрим через хром:

alt text

Всё нормально.

Уменьшаем окно браузера

alt text

Вроде так же

Мотаем вправо:

alt text

Вот он косяк.

Значит, width:100% растягивает блок до границы экрана, а не страницы?

Что использовал:

html, body { width: 100%; height: 100%; }

.div { **min-width**: 100%;position: relative; }

и

html, body { width: 100%; height: 100%; }

.div { **width**: 100%;position: relative; }

Сломал голову. Прошу хелпа.

2
  • @Олег Б, в какой-то степени прав. Я сталкивался с такой же проблемой на twitter bootstrap 3.1 (уже не помню, как решил), проблема в css и скриптах левого меню, копать нужно в этом направлении.
    – MasterAlex
    14 сен 2014 в 16:04
  • Да, бутстрап, поставил в минхегхт минимальную ширину всех блоков, и всего делов. 14 сен 2014 в 16:09

2 ответа 2

2

У вас нижние блоки суммарно имеют ширину больше 100%, что в этом такого? Это очевидно, так как появился горизонтальный скролл. Задайте им ширину в процентах, ну или покажите html и стили, или дайте ссылку на эту страницу. Вот тут ( http://jsfiddle.net/nk3oyLao/ ) можно поиграться с min-width у стиля wrapper

-1

max-width ставь и будет тебе счастье)

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.