自适应小屏时，出现重叠，请教什么原因？

Question

回复次数是用的span,css是position:absolute;left:0;top: 15px;display:block;width:50px;height: 45px;background-color:#D7D7D7;text-align: center;

title部分是div。

css结构大体是这样的<div> <span>回复</span> <div>title</div> </div>

问题可能出在哪儿？

想达到sf的问题列表
的效果

Answer 1

"回复"这个span的position是absolute。意思就是说它不会影响其他元素的排版。<div>title</div>“看”不见它，所以会自动延伸到它下面去。

可以给div加上50px的左margin。这样就能留出回复这个span的空间了。