Css 在相对定位的元素上添加'div'

我希望红色框位于箭头结束位置

---

上图：红色的520是错误的。您必须将top:230px写入我认为的top值。

删除top并将margin top:-195px写入红色

---

顶部末尾缺少一个测量单位：520；你的红色规则 它应该像top:520px

使用此代码

---

现在问题解决了，我把数字放在黄色的div之前，

而且，他在那里没有测量单位，而且不管怎么说，定位非常糟糕。。使用540px->margin:10px 0 20px 540px；真的很奇怪，它不应该基于黄色盒子的高度

<div id="wrapper">
<div id="blue"></div>
<div id="yellow1">y</div>
<div id="yellow2">y</div>
<div id="red"></div>
</div>


body{width:800px;}

#wrapper{position:relative;}

#blue{
float:left;
height:225px;
width:520px;
background:blue;
}

#yellow1,#yellow2{
position:relative;
width:250px;
height:200px;
margin:10px 0 20px 540px;
background:yellow;}

/*Not working*/
#red{
background:red;
position:absolute;
height:200px;
width:520px;
top:200;  
}

#blue{
    float:left;
    height:225px;
    width:520px;
    background:blue;
  margin:5px;
}

#yellow1,#yellow2{
position:relative;
width:250px;
height:200px;
background:yellow;
float:right;
    margin:5px;
}

#red{
  background:red;
  height:200px;
  width:520px;
  float:left;
    margin:5px;
}