圆形的html页面布局如何实现

如果没有其他交互效果建议五个圈设置positionrelative属性，通过top为负值来实现，第一第五个数值一致，第二第四一致。
如果五个气泡是从头像那里缓动出来的，建议使用position：absolute方法实现，五个泡泡拥有统一的父级且定位在头像正中间，这样动画容易管理。