CSS浮动可以使元素脱离文档流，通过设置不同方向的浮动属性，可以让元素实现一些特殊的布局效果。然而，在某些情况下，我们希望一个元素可以在一个已经浮动的元素之上，该怎么加浮动呢？

首先，我们需要了解浮动的三种值：

.float {
float: left; /* 左浮动 */
float: right; /* 右浮动 */
float: none; /* 不浮动 */
}

当我们需要让一个元素在已经浮动的元素之上时，我们可以设置该元素的position属性为absolute或fixed。这样就可以使该元素脱离文档流，不再受到其他元素的干扰。

.parent {
position: relative; /* 父元素设置为相对定位 */
}
.child1 {
float: left;
width: 50%;
height: 200px;
background-color: #ccc;
}
.child2 {
position: absolute;
top: 50px; /* 距离父元素顶部50px */
right: 0; /* 靠右浮动 */
width: 200px;
height: 100px;
background-color: #f00;
}

上述代码中，我们给父元素设置了相对定位，这样它就可以成为定位参考点。我们给左边的子元素设置了左浮动和50%的宽度，然后在右边手动添加了一个宽度为200px的子元素，并设置其position属性为absolute，top和right属性使其距离父元素顶部50px，靠右浮动。

通过上述方法，我们可以轻松地实现一个元素在已经浮动的元素之上的效果。希望对于大家有所帮助。