急急急，动态设置div高度和位置的问题

Question

有两个div1，div2，div2位于div1的下方，div1的高度是随着里面文字内容的多少可变的，现在问题是有没有什么好的方法，
可以让div2与高度可变的div1保持一个相对的距离，就是不管div1的高度怎么变，div2始终保持在div1下方一段距离，
我目前想到了用js，但是报错了

下面是代码
<script type="text/javascript">
var div1 = document.getElementById("ArticleContent");
var div2 = document.getElementById("RemarkBox");
div2.style.top = div1.offsetHeight;
</script>

Answer 1

我的想法是：div1 div2 都被同一个div【简称div0】包围着。div0设置统一宽度，以确保div1 div2左右两边对齐...然后div2设置样式 margin-top ：div2 与 div1下边距的距离。

Answer 2

你的结构定了？拿出来看看你的结构，以及你想要的效果。

Answer 3

“就是不管div1的高度怎么变，div2始终保持在div1下方一段距离”是什么意思，保持div1和div2的距离不变？这不是浏览器默认的行为吗？设一个margin就行了呀，可能是我理解错了你的意思

Answer 4

div的display默认就是block，单独占一行。2既然在1下方，那么相对于1来说就是第二行了，设置一下margin-top不久可以了吗？