IE 8溢出不呈现

Question

我正在尝试向HTML元素添加溢出，当然它适用于除IE之外的所有浏览器。

这是我的代码：

<div class = "twitter">
  <div class="twitter_image">
    <div class="user"></div>
  </div>
  <div class="label">
    <div class="boarder_control">
      <div class= "tweet_container">
      </div>
    </div>
    <div class ="smfooter"></div> 
  </div>
</div>

的CSS：

  .twitter {
    padding-bottom: 2px;
    background-color: green;
  }

  .smfooter {
    padding: 2px;
    height: 10px;
  }

  .label {
    height: 15px;
  }

  .tweet_container {
    overflow-y:auto;
  }

  .boarder_control{
    padding:5px;
  }

  .tweet {
    margin-top: 7px;
    margin-bottom: 7px;
  }

使用IE 8溢出的最佳做法是什么？

IE：

地球上所有其他浏览器：

由于

Answer 1

http://www.w3schools.com/cssref/css3_pr_overflow-y.asp

注意：overflow-y属性在IE8及更早版本中无法正常工作。

您可以使用overflow：scroll;

解决此问题

如果有水平滚动条，则可能需要用另一个div隐藏它。

试试这个帖子......

Hide html horizontal but not vertical scrollbar

Answer 2

尝试将高度指定为.tweet_container，例如

.tweet_container { height: 300px; overflow-y: auto; }