页面元素滑动

Question

我的网址：love splash panic

我在标题中添加了“订单满50美元免费送货”。如何让这个元素在缩放时不能左右滑动？

我正在使用的CSS：.shipping {position:relative; top:100px; right:-1000px;}

Answer 1

将<a>元素移到以下div中（body的直接孩子）：body > #header-wrapper > #header.container > .margin.clearfix > a.shipping

执行此操作后，请按如下所示更改样式：

#header .shipping {
     position: absolute;
     right: 83px;
     top: -35px;
}

锚点移动的原因是因为它相对于它在屏幕左边缘的位置，导致它在缩小时保持向左侧。执行此操作后，它将相对于居中的#header div，并在缩小时保持这种状态。