使用CSS的相对定位

Question

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

这是我的问题：

http://jsfiddle.net/C9Zj5/

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

Answer 1

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

Answer 2

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

Answer 3

如果您将position:absolute设置为#buttons，则会在个人资料图片上方显示该按钮。使用left和top将按钮放在#person-wrap内的任意位置。

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

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