Html 如何仅为iframe显示垂直滚动条？

下面的html代码没有显示垂直滚动条。为什么?

 <style>
        #mapIframe{
            min-height:300px;
            overflow:auto !important;
            direction:rtl  !important;
            overflow-x:hidden   !important;
            overflow-y:scroll   !important;
            height:100%; //optional, but it can't hurt.
        }
    </style>




<iframe id="mapIframe" src="aurl" width="300" height="800" frameBorder="0">Browser not compatible.</iframe>

#地图框{
最小高度：300px；
溢出：自动！重要；
方向：rtl！重要；
溢出-x：隐藏！重要；
溢出y：滚动！重要；
高度：100%；//可选，但不会受伤。
}
浏览器不兼容。

摆脱

scrolling=“no”

或将其更改为

yes

scrolling=“no”

这意味着什么…？您的代码对我来说非常适合。我的代码----oveflow-x和overflow-y在所有浏览器中的工作方式不同：