У меня проблема с этим дизайном. Пример здесь: http://zxc.pp.ua/test/05.htm ИЛИ http://jsfiddle.net/SkeLLLa/qQRpx/
Если ширина окна браузера меньше 1000 пикселей (размер оболочки), появляется прокрутка, и когда я перетаскиваю ее вправо, центральная колонка переходит под левую колонку.
Как установить «минимальный запас» для центрального элемента? Или, если вы знаете альтернативные способы реализации такого макета, скажите, пожалуйста.
Прежде всего прочитайте это Я некоторое время занимался CSS, и мне всегда нужно ссылаться на него. Попробуйте это для минимальной ширины. Дайте мне знать, если у вас все еще проблемы, может быть, я не понимаю, что вы делаете.
Есть несколько вариантов.
Чтобы добиться того же эффекта, вы можете создать фоновое изображение с нужными цветами столбцов и установить фон обертки с этим изображением, предоставляя намек на три колонки вниз.
Вы также можете установить три столбца в оболочке.Установить оболочку на переполнение: скрыто.Дайте каждому из плавающих столбцов нижний отступ в 2000px и отрицательное поле в 2000px.Это растянет столбцы до нижней части div-оболочки, не создавая дополнительной прокрутки.
Вы также можете проверить CSS 3-столбец Святого Грааля: http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm
вы исправили положение других столбцов, поэтому он не будет отображаться, если он загружен за пределы экрана или его необходимо прокрутить, поскольку он не двигается. либо удалите фиксированное положение, либо уменьшите размер оболочки.