在实现 cnblogs.vip 首页的移动端适配时遇到的问题?请问如何定位是哪个 box 引起的横向滚动?
从 How to prevent overflow scrolling in CSS 学到一招,给所有 box 加上红色边框,这样就很容易看出哪些 box 溢出了。
* { outline: 1px solid red; }
最终发现问题与通过百分比设置宽度有关,改为通过 margin-left 与 margin-right 控制宽度就解决了。
对于 flex box,可以通过 margin-right: auto 让其居左。
margin-right: auto