带有新 chrome 的 CSS 溢出 mac答案

【问题标题】：CSS overflow mac with new chrome带有新 chrome 的 CSS 溢出 mac
【发布时间】：2016-05-09 17:53:53
【问题描述】：

今天我开始注意到我总是在我的 mac (chrome 48.0.2564.97 (64-bit) 上看到滚动条) 这是新的 chrome 版本。这是一个例子：

.FixedHeightContainer {
  float: right;
  height: 250px;
  width: 250px;
  padding: 3px;
  background: #f00;
}

.Content {
  height: 224px;
  overflow: auto;
  background: #fff;
}

<div class="FixedHeightContainer">
  <h2>Title</h2>
  <div class="Content">
    blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah
    blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah...
    ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah
    blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah...
    ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah... ..blah blah blah...
  </div>
</div>

以前的版本不这样做。任何人都可以确认或建议解决此问题的方法。

所以.. 我的问题是：我如何让它只像以前一样在需要时显示？

【问题讨论】：

看起来你已经给了 overflow: auto; 了。你能显示正在发生的事情的屏幕截图吗？
当然，现在：backGround，之前：它们一直隐藏，直到我用鼠标滚动
我自己也能看到。现在有什么问题？它应该怎么来，怎么来的？
你可以看到我的演示先生希望能帮助你@TalYahav
在 chrome 版本 47.0.2526.111 中像我想要的那样工作 ^^* 但是新的版本 48.0.2564.97 使它像这样.. 有什么理由让版本 48.0.2564.97 的行为像以前一样？

标签： html css macos google-chrome overflow

【解决方案1】：

你可以试试这个：

.FixedHeightContainer {
  float: right;
  height: 350px;
  width: 250px;
  padding: 3px;
  background: #f00;
}

.Content {
  height: 224px;
  overflow: auto;
  background: #fff;
}

DEMO HERE

或

.FixedHeightContainer {
  float: right;
  height: auto;
  width: 250px;
  padding: 3px;
  background: #f00;
}

.Content {
  height: 224px;
  overflow: auto;
  background: #fff;
}

DEMO UPDATED

添加height:auto;

【讨论】：