<ul> <li style="background: #f00"></li> <li style="background: #f0f"></li> </ul> </body> <style> *{ margin: 0; padding: 0; } ul{ font-size: 0; width: 100%;//如果这个地方不是小于100 在安卓低版本中是无效得,第二个li会溢出另站一行
//解决办法:1.在li中改动50%改成49% (也可以是49.9-------li的百分比宽度 * 2 必须小于 100 ); 若有其他办法,请多多指教!
} li{ display: inline-block; width: 50%; height: 50px; } </style>
效果:
![](https://i-blog.csdnimg.cn/blog_migrate/06fead1971359e22ff6c9db5acfba43c.png)