【发布时间】：2013-08-07 08:26:02
【问题描述】：
我为我看到的问题创建了一个简化的测试用例：
http://codepen.io/benfrain/pen/anDmL
我想创建一个水平可滚动的区域，该区域的宽度对于插入其中的任何内容都是正确的，而无需使用 JS。让第一个孩子内联在很大程度上解决了这个问题。然而：
在 Chrome/Safari 上查看该链接时，布局的行为符合预期（至少我是这样）。每个盒子都是线性布局的，创建了一个水平滚动区域。
但是，Firefox (v22) 和 Opera (v12.16) 不会 - 它们将每个框一个一个地堆叠在一起，并且不会创建水平滚动区域。
哪个实现是正确的，有什么办法（只有 CSS 可以让两者以相同的方式执行）？
【问题讨论】：
标签： google-chrome cross-browser overflow opera