最近在使用easyui-tabs加iframe時，出現了兩個垂直滾動條的現象，如下圖所示
根據代碼可以猜測，出現兩個滾動條，其中一個肯定是iframe中內容過多出現的滾動條，這個也正是我們實際所需要的滾動條，另外一個滾動條不知道到是如何出現的，但是猜測可能與easyui-tabs控件本身有關，出現滾動條，可以肯定的是內容超出了高度範圍，而我們所熟知的隱藏超出內容的方式就是overflow：hidden的方式來用css控制，根據這個想法，查看此時的DOM文檔結構，如下圖
可以看到，每一個tab其實對應着一個class爲panel的div，而panel中的內容顯示在class爲panel-body的div中，可以嘗試直接在DOM上的這個panel-body上添加一個css，overflow:hidden,然後查看效果，如圖
修改後可以直接看到結果，如下，可以看到已經達到想要的結果
由於我們所能知道的DOM結構爲我們設置的tabs的id即‘infotabs’，觀察文檔的DOM，需要找到對應的panel-body，最終使用CSS如下，即可達到效果
<style type="text/css"> #infotabs .tabs-panels>.panel>.panel-body { overflow: hidden; } </style>
