Jquery 将div附加到元素并设置相等的高度和宽度

我想在文档中的某些（任何）元素上附加一个div。div的高度和宽度应与其附加到的元素相同。我举了一个例子：

$（'body*'）。每个（函数（）{
var t=$（此），
w=t.width（）.toFixed（），
h=t.高度（）.固定（）；
t、 前置（“+w++”+h++”）；
});

在示例中，Im使用

H2

。问题是，如果我在chrome控制台中查看H2，它有以下

维度：420px+40px

。但是我附加的div给了我419px+23px

---

我可以通过从H2中删除css来解决这个问题，但我真的希望保留它。那么，如何像在控制台中看到的那样为附加的div设置适当的维度呢？（我尝试了事件

prepend

，

append

，

appendTo

，

before

，

insertBefore

，

before

等，但运气不佳）

@Dream Eater谢谢：）尝试通过在css中添加h2来重置h2，并使用body:body，h2{{margin:0；padding:0；}所以问题仅仅在于高度？@ebram tharwat否也在于宽度（代码只是一个例子）@Mohamed Ali似乎没有这么做

$('body *').each(function() {
    var t = $(this), 
        w = t.width().toFixed(), 
        h = t.height().toFixed();
    t.prepend('<div class="over" style="height:'+h+'px;width:'+w+'px;">'+w+' + '+h+'</div>');
});