CSS фиксированное положение сверху внутри оболочки?

Question

У меня #wrapper { margin: 0 auto } по центру. Я хочу выровнять div.version внутри этой обертки в верхнем правом углу (этой обертки). Таким образом, .version div все еще должен быть внутри #wrapper.

Какое значение позиции я должен использовать здесь?

Answer 1

Вы можете использовать позиционирование absolute и relative для своих дивов следующим образом:

#wrapper {
 margin: 0 auto;
 position:relative;
 width:400px;
 background:green;
 clear:both;
 overflow:auto;
 height:100px;
}

.version {
  position:absolute;
  top:0;
  right:0;
  background:blue;
  height:100px;
  width:50px;
}

Проверьте ДЕМО

Таким образом, чтобы элемент появился внутри другого элемента, вы должны присвоить родительской позиции значение relative, а любому дочернему элементу - позицию absolute:)

Ознакомьтесь с хорошей статьей, написанной на эту тему по адресу css-tricks.com:

.

• Абсолютное позиционирование внутри относительного позиционирования