html - 在 CSS 中使用相对定位

Question

我有一个显示基本用户信息的 div。'search-person' div 的高度为 'auto'。这样个人资料图片的大小就可以是动态的，最高可达 170 像素。现在，我想在个人资料图片上显示一个按钮，我想为 div 中的内容添加相对定位并将其向上移动并在按钮下方，按钮似乎不想正常工作。我能做错什么？

这是我的问题：

http://jsfiddle.net/C9Zj5/

#wrap {
    position: relative
    height: auto;
    width: auto;
}

Answer 1

包含相对位置的 div 应该包含在另一个具有绝对位置的 div 中，以便它可以正确浮动

Answer 2

如果您设置position:absolute为#buttons它们，您将在个人资料图片上看到按钮。使用left和top将按钮定位在您想要的任何位置#person-wrap。

我不确定“我想在 div 中的内容中添加相对定位并将其向上和在按钮下方移动”是什么意思，但是如果你想在里面显示信息，#person-wrap你可以使用绝对位置或负边距.

旁白div：在链接标签中包含元素不是一个好习惯。还有为什么你需要一个按钮？也许您还需要重新考虑 html 结构；）

Answer 3

制作#person-wrap position:relative然后#buttonsdiv position:absolute。这应该会给你你正在寻找的效果。