CSS:如何解决我的超链接对齐问题？

Question

我有两个链接:购物者和商店。这两个链接都有自己独立的左浮动和右浮动。 Store 链接应该位于右侧 float 中，但在向左侧 float 添加边框样式时它会从其 div 中弹出。我怎样才能把它放回原位？请看http://jsfiddle.net/JuCKU/举个例子。

我完全忘记了用新代码更新 jfiddle。 http://jsfiddle.net/JuCKU/3/

firefox 存在对齐问题，而 google chrome 似乎可以正确呈现布局。

Answer 1

将宽度从 50% 降低到 49%。由于您有边框，它会占用空间，并且通过为每个 div 设置 50% 的宽度，总宽度有点太宽，第二个 div 会向下弹出一点。或者去掉边框。

jsFiddle 例子

改变

#shopper, #store
{
    width: 50%;
    text-align: center;
}

收件人:

#shopper, #store
{
    width: 49%;
    text-align: center;
}