お世話になっております。

今回のように、親要素に値を入れて操作するのが望ましいと思うのですが、
例えば、

.rect {
  position:relative;
  background-color:limegreen
  width:50px;
  height:20px;
  top:20px;
  left:30px;
}

のように rect の中に position:relative; を使用して配置指定することもあるのでしょうか？