Question

我目前有两个并排的div，每个div都设置为页面的宽度，以便我可以横向滚动。右侧div需要向左侧准确地查看40px，以便在页面加载时可见。我已经设法（有很多帮助）让这部分很好 - 现在的问题是右手div的边缘和页面的边缘之间有40px的间隙 - 如下所示：

jsFiddle

关于如何摆脱它的任何想法？非常感谢您的帮助。 'peek'区域必须保持40px，因此使用百分比似乎是一个问题。哦，这是一个垂直形式的示例，这里是example.

干杯。

Answer 1

你能否像这样伪造 jsFiddle example ？

我将滚动右侧块（<p>scroll right --></p>）移到了包装器之外（你没有提到是否需要在那里）。然后我将相同的颜色应用于包装器并向其添加overflow:auto;。

Answer 2

您的容器宽度为200％，导致扩展问题。

你需要减小它的大小。这有点困难，因为你的宽度是％，你的负偏移是px。

您可以做的是将偏移量更改为百分比并将其从容器中取出。你还需要使用margin-left而不是left。

这对我在chrome检查员中起作用：

#wrapper {
  width: 199%;  /* change here */
  position: relative;
}

#right {
  float: right;
  width: 50%; 
  background-color:cyan;
  position: relative;
  margin-left: -1%; /* and here */
}

小提琴：http://jsfiddle.net/hUyBq/

* 编辑：* 1％就是一个例子，您可能需要更多。相应地更新包装器

* 编辑：* 使用JS的解决方案：http://jsfiddle.net/bendog/wP4zb/

并排比例宽度div上的空白区域问题

2 个答案: