Ext tabpanel加载iframe的高度问题

Ext.create('Ext.tab.Panel', {
                region: 'center',
                id:'maintabpanel',
                deferredRender: false,
                activeTab: 0, 
                bodyStyle:'border:1px solid rgb(153,188,232)',
                plugins: Ext.create('Ext.ux.TabCloseMenu'),
                items: [{
                    contentEl: 'firstPage',
                    title: '首页',
                    closable: false,
                    html:''
                }]
            })];
var addTab = function(id,title,url){
    	var tabpanel = Ext.getCmp('maintabpanel');
    	tabpanel.remove(id);
    	var currentTab = tabpanel.add({id:id,title:title,closable:true,html:'<iframe frameborder="0" style="padding:0px;height:100%;display:block;width:100%;" src="' + url +'"></iframe>'});
    	tabpanel.setActiveTab(id);
    };

一直想不通为什么iframe高度就那么一点，后来发现iframe的display为inline，恍然大悟。