У меня есть заголовок, который содержит несколько элементов. Предположим, что у нас есть 5 divs, плавающих влево, и 1 div вправо. У меня есть разметка жидкости, поэтому мой заголовок занимает 100% ширину. Первые 5 divs используются в качестве меню, справа - у меня есть div, который отображает зарегистрированные данные пользователя.
В принципе, что-то вроде этого http://dabblet.com/gist/7162391
Я хочу сделать этот заголовок прокручиваемым, когда разрешение экрана низкое. Также мой заголовок имеет фиксированную позицию (по некоторым причинам). Я узнал, что если я создаю заголовок с фиксированной шириной, будет легко добавить горизонтальную прокрутку (создание всех встроенных блоков div), но я не могу заставить его работать со 100% шириной.
Кроме того, существует ли универсальный метод, позволяющий прокручивать весь сайт? Или, по крайней мере, заголовок в моем вопросе... из-за элементов float мой сайт становится беспорядочным, а не имеет горизонтальный свиток
Поэтому в основном для того, чтобы он работал по вашему желанию, вам понадобится div
для хранения этих элементов меню и установите для него min-width
. Вам также необходимо установить overflow-x:auto;
на <header>
div
. Либо это, либо вы можете использоватьul
.