Как сделать div с позицией: fixed занимают всю родительскую ширину (и изменяют размер вместе с ней)? - PullRequest
0 голосов
/ 28 апреля 2011

Смотрите эту скрипку: http://jsfiddle.net/eEe2C/2/

Зеленая строка 1 фиксирована, но не растягивает всю родительскую ширину, как остальные синие строки. Представьте строку 1 как заголовки столбцов в сетке. Это должно быть исправлено, чтобы быть видимым во все времена и чтобы все строки «скользили» под ним при прокрутке. Единственная разница между строкой 1 и другими строками состоит в том, что строка 1 имеет положение: fixed.

При горизонтальном изменении размеров «ячейки» синих строк расширяются очень хорошо в соответствии с их процентом ширины. «Ячейки» зеленого ряда игнорируют это (я знаю, почему, просто нужно решение).

Как мне получить такое же поведение растяжения для строки 1, сохраняя его фиксированным? Заголовки, конечно, должны быть выровнены с «ячейками» данных. Пожалуйста, не пытайтесь взломать пост-джей.

Редактировать: я не могу использовать таблицы, так как я использую сортировку drag'n'drop, которая плохо работает с таблицами.

Ответы [ 2 ]

0 голосов
/ 28 апреля 2011

Несмотря на то, что это демо, для меня это выглядит как табличные данные, поэтому просто используйте <table>.Использование таблицы с фиксированной высотой <tbody> может быть хорошим решением вашей проблемы.

0 голосов
/ 28 апреля 2011

Если я правильно понимаю, вы имеете в виду, как это?Хотя вы можете установить конкретную ширину контейнера.

http://jsfiddle.net/eEe2C/6/

...