html - 位置相对和正确的属性

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.

接下来，设置元素 (child) position:relative; margin-left:auto; right:0;。

Answer 3

那么有没有办法让它与亲戚一起工作？

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

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