javascript - 我可以相对于页面顶部而不是页面正上方的元素设置 div 的 margin-top 吗？

Question

假设我有一个段落，下面有一个大矩形 div。该段落在几秒钟后出现(因为它是从某些 API 中提取的，而不是因为 jQuery)。因此，当页面加载时，div 显示的位置高于其预期位置。当段落加载时，div 会向下跳。

页面加载时看起来很难看，因为段落设置为以淡入效果出现。

基本上，我想在段落加载时为其留出一些空间。我对此文本手动定义的高度还算可以，因为它是静态的，只有在我在另一个网站上更改它时才会更改.说来话长，别问。

HTML 很简单:

<!-- <p> inserted with fadeIn from jQuery via some API </p> -->
<div id="big_rectangle">
    ...
</div>

CSS 以备不时之需:

p {
    text-align: left;
    margin-right: 5%;
    margin-left: 40%;
    font-size: 21px;
    color: #FFFFFF;
    text-shadow: black 0px 0px 3px;
}

#big_rectangle {
    height: 700px;
    width: 90%;
    margin-left: 5%;
    margin-top: 10%;  /* Results in 10% gap between this and whatever is above */
    background-color: #FFFFF9;
    box-shadow: 0 0 3px;
}

Answer 1

你能不能再做一个top div来加载段落数据，上面有一定的高度