2012-01-24 4 views
0

Мой основной макет - это пара divs в div - http://jsfiddle.net/nxPhy/ - Я ищу способ css, чтобы всегда иметь постоянный div div независимо от горизонтальной прокрутки родительского div (так что только содержимое div фактически прокручивается).Замораживание div в div

ответ

2

Добавить position: relative; в контейнер и удалить поплавки и добавить position: fixed; в блок, который вы хотите зафиксировать.

Результат:

http://jsfiddle.net/nxPhy/1/

+0

Я действительно пробовал именно это, за исключением того, что у меня был 'left: 5px' вместо' left: 5', а затем div был позиционирован относительно страницы вместо ее родителя. Не понимал, что это имеет значение. – Amit

+0

'left: 5px' вернее, моя вина. Если * div был позиционирован относительно страницы вместо ее родительского *, это означает, что вы не применили 'position: relative' к контейнеру. –

+0

Но с 'left: 5px' на самом деле не работает даже с' position: relative' в контейнере. См. Пример с этим изменением (и поле для контейнера) - http://jsfiddle.net/nxPhy/4/ – Amit

1

Вы хотите добавить:

position:fixed 

в DIV, который вы хотите фиксировано. Выполнение этого будет позиционировать этот div и содержать фиксированные элементы.