不能獲得文本框和鏈接到一個div的底部

Question

我想獲得一個文本框和一些鏈接，以解決在一個高大的圖像旁邊的底部，但似乎沒有任何運氣。我發佈了一張圖片並上傳了我的文件供您查看。我已經嘗試了各種解決方案，從這裏建議設置父div的位置：相對並給予子div絕對位置。但似乎沒有任何工作。你能幫我麼。

我的CSS文件：https://sizablesend.com/90kdo8/StackExchange.rar#cid=14

Answer 1

你將需要爲這個

<div id="wrapper"> 
    <div id="img"></div> 
    <div id="links">link1 link2</div> 
</div> 

的包裝這個CSS看起來就像這樣：

#wrapper { 
    position:absolute; 
    vertical-align:bottom; 
    top:5px; 
    left:50px; 
    height:50px;   
} 
#img { 
    display:inline-block; 
    width: 50px; 
    height: 50px; 
    background-color:#cccccc; 
} 
#links { 
    display:inline-block; 
} 

我用div中你將不得不設置display：inline-block那個Ÿ留在同一行

編輯：

這裏是一個工作fiddle