Вложение позиции: абсолютный элемент внутри позиции: фиксированная - PullRequest
Новая
       5

Вложение позиции: абсолютный элемент внутри позиции: фиксированная

3 голосов
/ 03 декабря 2011

У меня есть div, который является позицией: зафиксирован так, что он всегда находится в центре окна просмотра браузера.

Внутри этого div у меня есть еще один div, который в данный момент установлен на позиции: absolute. Насколько я понимаю, этот внутренний div на самом деле позиционируется относительно HTML-документа, так как нет никаких абсолютных или относительных родительских элементов.

Я не уверен, что все это правильно, но в любом случае мне нужен внутренний div, чтобы также оставался центрированным относительно области просмотра, в то же время оставаясь на месте относительно его родительского контейнера. Они должны слаженно двигаться вместе, оставаясь в центре обзора.

Я пытался использовать position: fixed и position: относительный на внутреннем div, но ни один из них не сработал. Они не двигаются согласованно вместе. 

#outer-div {
width: 100%;
position: fixed;
top: 50%;
z-index: 100;
}

#inner-div {
top: 35%;
left: 30%; 
position: ??? ;     
}

Спасибо!

1 Ответ

2 голосов
/ 03 декабря 2011

Вы не можете центрировать внутренний div с областью просмотра, используя абсолютное позиционирование, оставаясь относительно его родительского контейнера.Почему бы не использовать margin: 0 auto на внутреннем div?Таким образом, он будет центрирован во внешнем элементе div, который расположен абсолютно в середине области просмотра.Все будет сосредоточено таким образом, нет?

...