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这个例子有水平滚动，cus of blockquote的宽度小于200px。我认为overflow: auto必须＆＃34;修复＆＃34;这个，但FF没有这样做。

我无法设置margin-left: 200px，cus图片大小可能会有所不同:( float:left仅在文本不占用所有块宽度时才阻止帮助

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

Answer 1

没有太多细节，但display:inline-block;能否适合您的情况？

Updated example

Answer 2

如果宽度没有固定，那么你可以添加

blockquote { width: auto; float: left }

应该做什么？

css overflow：FireFox中的auto

SCSS：

2 个答案: