function getAvailableSize(dom) { dom = typeof(dom) == 'string' ? $('#' + dom).get(0) : dom; var jDom = $(dom); var padding = {L : undefined, R : undefined, T : undefined, B : undefined}; if(document.defaultView){ var spL = document.defaultView.getComputedStyle(dom,null).getPropertyValue('padding-left'); var spR = document.defaultView.getComputedStyle(dom,null).getPropertyValue('padding-right'); var spT = document.defaultView.getComputedStyle(dom,null).getPropertyValue('padding-top'); var spB = document.defaultView.getComputedStyle(dom,null).getPropertyValue('padding-bottom'); padding.L = Math.round(parseFloat(spL)); padding.R = Math.round(parseFloat(spR)); padding.T = Math.round(parseFloat(spT)); padding.B = Math.round(parseFloat(spB)); } else { padding.L = parseFloat(jDom.css('padding-left')); padding.R = parseFloat(jDom.css('padding-right')); padding.T = parseFloat(jDom.css('padding-top')); padding.B = parseFloat(jDom.css('padding-bottom')); } return { //可用宽度 width : jDom.innerWidth() - padding.L - padding.R //可用高度 ,height : jDom.innerHeight() - padding.T - padding.B //填充 ,padding : { left : padding.L ,right : padding.R ,top : padding.T ,bottom : padding.B } } }