相对定位会将链接文本向下推

时间:2012-03-21 20:31:14

标签: html hyperlink css-position css

我会让这个jsfiddle为我描述大部分问题。

http://jsfiddle.net/zAPVQ/4/

我有一个类似的布局。左侧有一个图像,右侧是阻止链接。我设置定位的方式是<a>内的文本被压缩到块下方。

我创建了一个临时解决方案,使用<span>标签和更多定位,但我宁愿这不是我的最终结果。如果我必须创建/更改/删除按钮,我必须弄乱文本的位置。

有没有人知道将文本保留在链接块中的更好方法?

2 个答案:

答案 0 :(得分:2)

更新了您的Fiddle

我添加了

overflow: hidden;

到你的大链接CSS。

今天看到这个问题的另一个答案Element with Overflow:auto affected by Floating Element

还有一些很好的链接可以解释为什么它在那里有效。

答案 1 :(得分:0)

尝试使用负边距。像margin-top:-75px;