使用CSS的相對定位

我有一個div，顯示基本的用戶信息。 '搜索人'div具有'自動'的高度。這樣一來，個人資料照片的大小可以是動態的，高達170px。現在，我希望在個人資料圖片上顯示一個按鈕，並且我認爲要爲div中的內容添加相對定位，並將其向上移動，並在按鈕下方，按鈕似乎並不想正常工作。我能做什麼錯？使用CSS的相對定位

這裏是我的問題：

http://jsfiddle.net/C9Zj5/

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

來源

2013-01-20 Matt

對不起..你想再次做什麼？.. –

在個人資料圖片上顯示一個按鈕，你的意思是這樣嗎？ http://jsfiddle.net/C9Zj5/1/ –

充分利用#person-wrapposition:relative，然後#buttons DIV position:absolute。這應該會給你你想要的效果。

來源

2013-01-20 07:56:22 brenjt

含有相對位置的div應該有絕對位置的另一個專區內包含，以便它可以正確地漂浮

來源

2013-01-22 05:42:11

如果設置position:absolute到#buttons他們，你將擁有的資料圖片按鈕。使用left和top將按鈕定位在#person-wrap的任何位置。

我不確定你的意思是「我想爲div中的內容添加相對定位並將其向上移動並在」「按鈕下，但是如果要顯示#person-wrap中的信息，可以使用位置絕對或負邊距。

Aside：在鏈接標記內部有div元素不是好的做法。此外，爲什麼你需要一個按鈕？也許你需要重新考慮html結構以及;）

來源

2013-01-22 06:45:41

使用CSS的相對定位

回答

相關問題