Сделать фиксированный заголовок, содержащий плавающие div, прокручиваемыми

0

У меня есть заголовок, который содержит несколько элементов. Предположим, что у нас есть 5 divs, плавающих влево, и 1 div вправо. У меня есть разметка жидкости, поэтому мой заголовок занимает 100% ширину. Первые 5 divs используются в качестве меню, справа - у меня есть div, который отображает зарегистрированные данные пользователя.

В принципе, что-то вроде этого http://dabblet.com/gist/7162391

Я хочу сделать этот заголовок прокручиваемым, когда разрешение экрана низкое. Также мой заголовок имеет фиксированную позицию (по некоторым причинам). Я узнал, что если я создаю заголовок с фиксированной шириной, будет легко добавить горизонтальную прокрутку (создание всех встроенных блоков div), но я не могу заставить его работать со 100% шириной.

Кроме того, существует ли универсальный метод, позволяющий прокручивать весь сайт? Или, по крайней мере, заголовок в моем вопросе... из-за элементов float мой сайт становится беспорядочным, а не имеет горизонтальный свиток

  • 0
    Вам нужен упаковочный div . Либо это, либо вы можете использовать ul .
  • 0
    Пожалуйста, покажите нам, какой код у вас уже есть.
Показать ещё 1 комментарий
Теги:

1 ответ

0
Лучший ответ

Поэтому в основном для того, чтобы он работал по вашему желанию, вам понадобится div для хранения этих элементов меню и установите для него min-width. Вам также необходимо установить overflow-x:auto; на <header>

скрипка

  • 0
    Спасибо, вы мне очень помогли!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню