社交媒体按钮定位

Question

如何将社交媒体按钮放置在内容div的一侧？

就像这里：http://adidasgolf.eu/home.aspx

绝对定位？但是，内容div也必须绝对定位，对吧？这就是我目前所知道的..。没有社交媒体按钮。

http://www.swiftgeckotech.com/golf01.html

谢谢。

Answer 1

内容div不会被绝对地定位为使用社交图标。你可以自由地在内容div中保持正常的布局，并将社交图标放在内容div之外，并将它们绝对定位。您可能还需要执行一些z索引才能获得分层效果。

Answer 2

您很可能希望对content DIV使用position: relative;。将内容DIV设置为position: absolute;或position: relative;将为子元素…的定位建立新的原点有关绝对定位元素在另一个定位元素中的行为的快速演示，请参阅此fiddle。

但是，将从document flow…中删除包含position: absolute;的元素他们没有在页面上推送其他内容的“实质”。出于这个原因，您很可能不希望将content DIV设置为position: absolute;。如果要在该DIV之后添加更多内容，它不会像预期的那样出现在页面底部，而是会出现在绝对定位的content DIV之后。然而，position: relative;将会像预期的那样工作，并将为你提供一个新的坐标系来绝对定位你的社交媒体按钮到它的一侧。