社交媒体按钮定位

如何将社交媒体按钮定位在内容div的一侧？
Like here：http://adidasgolf.eu/home.aspx 社交媒体按钮定位

绝对定位？但那么内容div必须被绝对定位，对吗？这是我迄今为止......没有社交媒体按钮。

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

谢谢。

来源

2012-09-24 Veronika

查看'position：relative'并执行一些Javascript计算来处理定位，如果屏幕太小，可能会隐藏。 – endyourif

对于社交图标来说，内容div并不是绝对的定位。您可以自由地在内容div中保持正常布局，并将社交图标放在内容div之外，并将其完全放置。你可能需要做一些Z-索引来获得分层效果。

来源

2012-09-24 17:02:04 thatidiotguy

但是，如果我更改窗口大小或屏幕分辨率？ – Veronika

我让他们定位，但如果我调整窗口的位置变化。我该怎么办？ – Veronika

你需要相对位置。你有没有做过与CSS的位置元素的任何阅读？或者你总是可以看看你试图模拟你知道的网页的代码... – thatidiotguy

您可能想要使用position: relative;作为内容DIV。将内容DIV设置为position: absolute;或position: relative;将为子元素的定位建立新的起源...请参阅此fiddle以快速演示绝对定位元素如何在另一定位元素内运行。

但是，带有position: absolute;的元素将从文档流中移除...在推送页面上的其他内容方面，它们没有“实质性”。出于这个原因，您很可能不想将您的内容DIV设置为position: absolute;。如果在DIV之后添加更多内容，它不会像预期的那样在页面的底部结束，而是会落在绝对定位的内容DIV之后。 position: relative;将按预期工作，但会给你一个新的坐标系，以绝对地将你的社交媒体按钮放在它的旁边。

来源

2012-09-24 17:31:54 thirdender

谢谢。社交按钮不是儿童元素，所以存在部分问题。 – Veronika

社交媒体按钮定位

回答

相关问题