Question

我环顾四周，并没有设法找到如何做到这一点，即使它应该相对容易。我有一个页面我想侧向滚动，分成两半，都适合窗口大小。那个部分很容易，但我想要做的是让右手div（隐藏在页面加载上）稍微伸出左边的div，大约40px左右 - 所以你可以看到边缘它

以下是它的基础 - jsFiddle

我希望这个问题有道理。到目前为止，我尝试了position:absolute;的一堆组合，但没有快乐。任何帮助都是极好的。

Answer 1

如果我理解正确的话，你需要右手来看看＆＃39;偷看＆＃39;在左手div的边缘，即使它在视口之外，用户也可以发现它。

最简单的方法是在元素上设置一个位置：relative，然后设置左值-40px。这将使元素“偷看”。见这里：http://jsfiddle.net/NUWqE/1/

Answer 2

我可能误解了你正在寻找的是什么，但是以下解决了你的问题，而不必用left来解决问题。这样就没有像素和％的混合，你不必解决#right右侧的空白问题。

#wrapper {
    width: 200%;
    position:relative;
}

#left {
    width: 45%;
    float: left;
    background-color: red;
}

#right {
    width: 55%;
    background-color: aqua;
    position: absolute;
    right: 0;
}

Answer 3

因此，如果您正在寻找固定宽度的“窥视”，以下答案如何适用：

http://jsfiddle.net/NUWqE/1/

#wrapper {
    width: 200%;
    position:relative;
}

#left {
    float: left;
    width: 50%;
    background-color: red;
    margin-right: -40px;
}

#right {
    float: right;
    width: 50%;
    background-color: aqua;
    position: relative;
    padding-left: 40px;
}

你显然必须调整#right中元素的填充，但你可能会这样做，这取决于你想如何设置内容的样式。希望这是你正在寻找的。

想要并排重叠的Divs

3 个答案: