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

Question

我有一个 #wrapper { margin: 0 auto } 居中。我想在右上角(此包装器)的包装器内对齐 div.version。所以 .version div 应该仍然在 #wrapper 中。

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

Answer 1

您可以像这样为您的 div 使用绝对和相对定位:

#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