jquery - 使用带有框大小的 div 的 jquery 动画高度：边框框

Question

有没有一种方法可以正确地为具有以下样式的 div 设置动画？

.div1{
 background-color: red;
 padding: 5px;
 margin: 5px;
 width: 100%;
 border: 4px solid #000 !important;
 border-radius: 8px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 height: 200px;
}

我需要这里给出的每一个 CSS 样式。我的问题是动画开始时存在偏移错误（如您在此处看到的http://jsfiddle.net/q5bmf/1/，当加载示例时，从某处到 200px 有一个动画）。如果我隐藏一个或多个 css 样式，则该示例有效，但我不想这样做。那么有没有办法让jquery正常工作呢？