我有一個div的CSS動畫，經過一定時間后會滑入。我想要幾個div填充滑入的動畫div的空間，然后它將這些元素向下推到頁面上。當我在第一個div嘗試此操作時，即使看不見，幻燈片仍會占用空間。如果我將div更改為div，display:none則根本不會滑入。我如何讓div在不定時的情況下不占用空間（使用CSS進行計時）。我正在為動畫使用Animate.css。代碼如下所示：<div id="main-div" class="animated fadeInDownBig"><!-- Content --></div><div id="div1"><!-- Content --></div><div id="div2"><!-- Content --></div><div id="div3"><!-- Content --></div>如代碼所示，我希望隱藏主div，而其他div首先顯示。然后我設置了以下延遲：#main-div{   -moz-animation-delay: 3.5s;   -webkit-animation-delay: 3.5s;   -o-animation-delay: 3.5s;    animation-delay: 3.5s;}正是在這一點上，我希望主div在出現其他div時將其推下。我該怎么做呢？注意：我已經考慮過使用jQuery來做到這一點，但是我更喜歡使用嚴格的CSS，因為它更平滑并且可以更好地控制時間。編輯我嘗試了Duopixel的建議，但是我誤解了，沒有正確執行此操作，或者它不起作用。這是代碼：的HTML<div id="main-div" class="animated fadeInDownBig"><!-- Content --></div>的CSS#main-image{    height: 0;    overflow: hidden;   -moz-animation-delay: 3.5s;   -webkit-animation-delay: 3.5s;   -o-animation-delay: 3.5s;    animation-delay: 3.5s;}#main-image.fadeInDownBig{    height: 375px;}