css在包装器顶部固定位置？

Question

我的中间有一个#wrapper { margin: 0 auto }。 我想在该包装器的右上角（该包装器）对齐该包装器内部的div.version。因此.version div应该仍在#wrapper内。

我必须在这里使用哪个位置值？

Answer 1

您可以像这样对您的div使用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;
}

Check out the DEMO

因此，要使元素出现在另一个元素中，您应该将父级位置设置为relative，而将任何子元素置于absolute的位置：）

查看css-tricks.com上关于该主题的好文章：

• Absolute Positioning Inside Relative Positioning