Html 围绕另一个元素旋转一个元素-css

我正在使用CSS，并想做一个效果，其中一个对象在椭圆中围绕另一个对象移动。我没有使用画布，这是我的html：

<div>/*Content intended for ellipse movement*/</div>
<div>/*Element to ellipse around*/</div>

/*用于椭圆移动的内容*/
/*元素以椭圆围绕*/

我现在没有任何css

---

我该怎么做？谢谢你的帮助

你想做这样的事吗

正文{
填充：50px；
}
div{
位置：绝对位置；
宽度：100px；
高度：100px；
背景：#9f9；
}
.高{
背景色：#99f；
z指数：1；
-webkit动画：旋转4s线性无限；
-moz动画：旋转4s线性无限；
动画：旋转4s线性无限；
}
@-moz关键帧旋转{
100% {
-moz变换：旋转（360度）；
}
}
@-webkit关键帧旋转{
100% {
-webkit变换：旋转（360度）；
}
}
@关键帧旋转{
100% {
-webkit变换：旋转（360度）；
变换：旋转（360度）；
}
}

也许可以尝试将第二个

div

作为一个孩子，以绝对位置指向枢轴（第一个

div

）。并旋转第一个

div

？请同时添加CSS。