HTML:
<span>未读信息<i></i></span>
1、父元素设置相对“relative”定位CSS
span {
position: relative;
padding-right:8px;
}
2、红点绝对“absolute”定位CSS
span i{
display:block;
background:#f00;
border-radius:50%;/*50%圆角*/width:5px;
height:5px;
top:0px;
right:0px;
position:absolute;
}
这篇文档对您是否有帮助?