位置相对和正确的财产

Question

我一直认为通过将div设置为relative和right 0将div一直定位到右边，如果它的父级是100％宽度。显然我错了，只有绝对的作品。那么有没有办法让它与亲戚一起工作？

Answer 1

您必须将父级设置为相对，并将其设置为绝对定位。

.parent{
  position: relative;
  width: 100%;
}
.right{
  position: absolute;
  width: 200px;
  height: 200px;
  background: red;
  top:0;
  right:0;
}

就像这里：http://jsfiddle.net/willemvb/n9Vrv/

Answer 2

有一种方法可以让它适用于亲戚。

一种方法是首先将显示的父级设置为inline-flex。

接下来，设置元素（子）position:relative; margin-left:auto; right:0;。

Answer 3

  

那么没有办法让它与亲戚合作吗？

正确。相对定位是偏离静态定位的位置。

您需要绝对定位以相对于包含块的边缘定位。