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

Question

我正在尝试获取一个文本框和几个链接，以便在一个高大图像旁边的底部安顿下来，但似乎没有任何运气。我已经发布了一张图片并上传了我的文件供您查看。我从这里尝试了各种解决方案，建议将父 div 设置为 position:relative 并给子 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 让它们保持在同一行

编辑：

这是一个工作小提琴