javascript - 调整页面大小时 div 下降

Question

CSS:

  .desc{
        text-align: center;
        color:#60A8D5;
        padding-top: 17px;
        font-size: 14px; font-family: sans-serif;
        font-weight: normal;
        width: 400px;
        margin: 20px;
        display:inline-block;
        vertical-align: top;

        position: relative;
    }
    .twitter{
    background-image: url(http://guifff.com/wp-content/uploads/45_dribbble-twitter.gif);
        background-position: center; 
        margin-top: 210px;
        margin-left: 15%;
        margin-right: 7%;
        width: 78%;
        height: 270px;
        padding-top: 0px;
        text-align: right;
        position: relative;

    }

    .insegnanti{ 

        display:inline-block;
        width:auto;
        text-align: center;
        margin: 20px;
        padding: 5px;
        height: 200px;
        vertical-align: top;
        }

html部分:

 <div class='insegnanti' id='i"+instructor[i].id+"'><img src='"+instructor[i].image+"' style='max-width:100%;height:auto'>
         <div class='desc'><b><p style='font-size:20px'>"+instructor[i].name+" "+instructor[i].surname+"</b></p><br><br>"+instructor[i].description+"
         </div>
  </div>

   <div class='twitter'><a class='twitter-timeline' href='https://twitter.com/"+instructor[i].twitter+"' data-widget-id='"+instructor[i].twitter_id+"'>Tweet di @"+instructor[i].twitter+"</a></div>

当我调整页面大小时，desc 部分位于 twitter div 下。如果不调整大小，我会在左侧看到 img，在右侧看到 desc，在底部看到 twitter。当我调整大小时，我希望 twitter div 在调整后下降。我该怎么做？

Answer 1

从 .twitter 中删除 margin-top: 210px;，然后从 .insegnanti 中删除 height: 200px; >。这似乎可以解决问题。