事業部去當頁面大小

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>

當我調整頁面大小，則說明部分下嘰嘰喳喳DIV去。如果沒有調整大小，我會看到左側的img和右側的desc，以及底部的twitter。當我調整大小時，我想讓twitter div在調整大小後下降。我該怎麼做？

來源

2015-06-07 Daniele Serra

請問您可以添加一些問題和預期效果的圖像？很難理解你的問題是什麼。據我所知，代碼完成了它的意義。 – jaunt

hyp.altervista.org/index.html，去教師，選擇一個。你會看到，如果你調整大小，描述它的包括通過twitter ... –

從.twitter刪除margin-top: 210px;，然後從.insegnanti刪除height: 200px;。這似乎解決了它。

來源

2015-06-07 13:03:18 jaunt

不確定你想要定位你的div的確切位置。請使用下面的CSS作爲指導，並對其進行修改以滿足您的需求。如果需要，添加頁邊距和頁邊距。

#desc { 
    position: absolute; 
    margin-left: 25px; 
    margin-right: -25px; 
}

希望這會有所幫助。

來源

2015-06-07 12:33:03 Petru

http://hyp.altervista.org/index.html，去教練，選擇一個。你會看到，如果你調整大小，它的描述是通過Twitter的覆蓋... ... –

事業部去當頁面大小

回答

相關問題