<div>
<img src="">
<p>聊天</p>
</div>
<div>
<img src="">
<p>聊天</p>
</div>
<div>
<img src="">
<p>聊天</p>
</div>
<div>
<img src="">
<p>聊天</p>
</div>
</div> .mybot{ position: fixed
bottom: 0
width: 100%
float: left
}
还有一些图片和样式自己加。mybot下的div你自己变成百分之25他们自己对齐了。里面的img 和 p添加一个text-align: center
呵呵,,这个应该是你设置为100%宽度,而你上面的图片又设置了固定宽度,所以,100%就是屏幕的宽度,而你上面又有超过屏幕的宽度,所以造成这样。。
给它加上min-width:宽度和上面图片的一样,,就行了。。最小只能小到多少宽度,,这样就不会有截断了。