溢出 - 当内容为绝对时滚动

Question

如下所示，我有一个div，我想使用溢出。

但是其中的内容使用绝对定位，因此尽管出现溢出

仍然出现

非常感谢任何帮助。谢谢！

  .media_upload{
    .results { height:200px;  overflow-y: scroll; }
    .results .media-grid a{ float: left; margin:0 0 10px 10px; width:90px; height:90px; border: 1px solid #DDDDDD; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); margin: 0 0 18px 20px; padding: 4px;}
    .results  .media-grid img{clip: rect(0px, 90px, 90px, 0px); position:absolute}
  }

Answer 1

试试这个

 .media_upload{
    .results { height:200px; overflow: scroll;
 }
    .results .media-grid a{ float: left; margin:0 0 10px 10px; width:90px; height:90px; border: 1px solid #DDDDDD; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); margin: 0 0 18px 20px; padding: 4px;}
    .results  .media-grid img{clip: rect(0px, 90px, 90px, 0px); position:absolute}
  }

也给html代码...使用css只是它不完整

Answer 2

从position:absolute

中删除.results .media-grid img

position应该很少使用很多次问题