Question

我有一些像这样的代码：

＆＃13;

.list {
      display: inline-block;
      max-height: 200px;
      border: 1px solid #000;
      overflow: auto;
    }

＆＃13;

<div class="list">
      <div>test test test test test</div>
      <div>test test test test test</div>
      <div>test test test test test</div>
      <div>test test test test test</div>
      <div>test test test test test</div>
      <div>test test test test test</div>
      <div>test test test test test</div>
      <div>test test test test test</div>
      <div>test test test test test</div>
      <div>test test test test test</div>
      <div>test test test test test</div>
      <div>test test test test test</div>
</div>

＆＃13;

在Windows / Ubuntu Firefox上，由于出现垂直滚动条，每个项目都会回绕并且不会显示在一行上。

在Windows / Ubuntu Chrome上，每个项目都留在一行。

如果overflow: auto更改为overflow-y: scroll，则Firefox会在一行中显示每个项目。但是，现在如果我的列表只包含几个项目，则滚动条将始终可见。

有人可以帮我理解那里发生了什么吗？有没有办法解决这个问题，以便Firefox在不使用overflow-y的情况下使用Chrome？

Example fiddle

Firefox内联块可变宽度内容不包括Windows上的滚动条

0 个答案: