我确信这很简单,但我只是没有看到它。 我的包装DIV向左浮动,其中的A标签正确显示但是鼠标悬停在它们上面,你会看到它们不是合适的高度/宽度。
我似乎无法让他们排成一列,有人可以快速查看并告诉我我失踪了吗?
Page is here, it's the social media icons
非常感谢任何帮助,我相信这很简单。
- 编辑 -
我在Mac上,到目前为止使用firefox和safari测试过,它们没有正确悬停,只有它们的最底部实际上可以用作按钮。
在firebug中,如果我删除了包装器浮动属性,则链接会按原样悬停。所以我知道它与浮动有关。
答案 0 :(得分:1)
在Chrome上,图标排成一行,但正如您所说,只有它们的底部是活动的。问题是你的#branding元素向下延伸到#main的底部以下,部分模糊#subWrapper,#sub,#left和#right的一部分(虽然不足以导致问题)。
您可以将overflow: hidden
放在#main上,但#branding中的图片会在底部被切断。 (图形看起来非常好,顺便说一句。)我想如果你只是在#sub或#subWrapper中添加一个正z-index,比如z-index: 1
,那应该可以解决问题。