无法获取文本框和指向div底部的链接

Question

我正试图在高大的图像旁边找到一个文本框和一些链接，但似乎没有任何运气。我发布了一张图片并上传了我的文件给你看。我已经尝试过各种各样的解决方案，建议将父div设置为position：relative并给child 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