上部跨度移动下部跨度...为什么这是

我有这个page，我正在努力，你可以看到有四个图像...如果你看看左下booda ...它有两个链接查看Booda狗和查看Booda猫。如果你点击顶部链接，底部链接会移动到左边......我为了我的生活无法弄清楚如何解决这个问题。我正在使用位置可靠性。下面是我的一些CSS的上部跨度移动下部跨度...为什么这是

.booda a.button_below { 
     left: 107px; 
    position: relative; 
    top: 64px; 
} 

.entry .booda a.button { 
position: relative; 
    right: 13px; 
    top: 31px; 
}

还有其他的CSS，如果你在Firebug查看

任何帮助将不胜感激...谢谢提前

来源

2011-05-24 Trace

这是否发生在所有浏览器上？ – diedthreetimes 2011-05-24 00:45:00

所有的mac浏览器（Firefox，safari，chrome）同样的问题发生，是的 – Trace 2011-05-24 00:47:53

我不确定究竟发生了什么，但将底部按钮类从button_below更改为button，并给它clear:right修复了我的问题。

希望这能让您更接近解决方案！

来源

2011-05-24 00:57:41

真棒...那么做...再次感谢...什么是明确的权利做什么 – Trace 2011-05-24 01:01:44

我不知道，我有一个艰难的时间筛选CSS，并在一个急件（gf获得家），但我很高兴它有帮助。我不想离开你，但我必须再次跑步，祝你好运！ – 2011-05-24 01:08:53

如果您的意思是“什么是清除：正确*** ***做***？”，它确保它右侧没有浮动元素。 – 2011-05-24 01:13:27

它看起来对我来说，它有当链接被突出显示时改变文本大小。

当选择了上跨度时，跨度被放大并且底跨度被移位以正确对齐。

尝试对齐跨度在右侧而不是在左侧。

编辑：要将一个跨度对齐到右侧，您可以将其添加到您当前的跨度标记。

position: absolute; right: 0;

但是你要切换到绝对位置。要继续使用相对定位，可以将跨度包裹在单个容器中。position: relative

来源

2011-05-24 00:48:03 diedthreetimes

你的意思是文本对齐的跨度ids – Trace 2011-05-24 00:50:16

试过了，它没有工作...它仍然有，所以你可以看到 – Trace 2011-05-24 00:52:00

请勿使用position: relative与top和right。在他们的容器上使用position: relative，然后在那些span上使用position: absolute。

来源

2011-05-24 00:50:07 dtbarne

刷新页面...我试过你的方法，不知道需要什么css才能使这个方法工作 – Trace 2011-05-24 00:55:48

好吧，所以现在你只需要重新格式化其余的CSS。你想'display：block'，并调整顶部/右侧和宽度/高度属性。 – dtbarne 2011-05-24 00:59:07

上部跨度移动下部跨度...为什么这是

回答

相关问题