html - CSS 溢出 : auto in FireFox

Question

我有一些奇怪的问题。 我的页面结构看起来像这样 http://codepen.io/usf/pen/enGgE

<div class="wrapper">
  <div class="img">
    <img src="http://allcrimea.net/photo/big/1337518868.jpg" width="200px">
  </div>
  <blockquote>
    asdasdasdasdasdasdasdasdasdываываывывааыва
  </blockquote>
</div>

scss:

.wrapper {
    display: inline-block;
    background: #FFEFD3;
    min-width: 500px;
    .img  {
        float: left;
    }

    blockquote {
        overflow: auto;
    }
}

问题是在 FF 中这个例子有水平滚动，blockquote 的 cus 宽度小于 200px。我认为 overflow: auto 必须“修复”这个，但 FF 没有那样做。

我无法设置 margin-left: 200px，因为图片大小可以不同 :( float:left 仅当文本不占用所有 block 宽度时才提供 block 引用帮助

如何在 chrome 和 ff 中获得相同的结果？

Answer 1

如果宽度不需要固定那么你可以添加

blockquote { width: auto; float: left }

应该怎么做？