Css 网站宽度以外的浮动内容

我有一个960像素宽的网站，我想在右边放一张图片

Vimeo已经在那里的主页上完成了这项工作： 你可以看到一张折纸鸟的画，它粘在网站宽度之外 不会导致屏幕显示水平滚动条

他们是怎么做到的

html标记将如下所示：

<div id="parentDiv">
   <div id="your_picture"></div>
</div>

新答案： 经过进一步调查，一个关键的方面似乎是框/图像不会导致水平滚动条，而内容会。这是维梅奥运用的一个有趣的伎俩，而且相当狡猾

它与

主体上的
最小宽度
和框/图像的非直接父对象上的
溢出-x:hidden
的组合有关。当与
位置：绝对
和负数
右
组合时，这将达到所需的结果

HTML:
这是一个最小的提琴，它的轮廓可以让你看到正在发生的事情：
​

原始答复：
position:absolute
答案很可能有效，但也会使图像/div脱离文档的正常流程。这可能不是你想要的

您可能需要的是负数
右边距
：

.your_picture {
    margin-right: -30px;
}

或者，可能是
位置：相对的
，和一个负数
右边的

.your_picture {
    position: relative;
    right: -30px;
}

或者，最后，
位置：相对
，以及一个正的
左

.your_picture {
    position: relative;
    left: 30px;
}

这就是为什么存在负利润和相对定位。要相对于它们通常所在的位置移动物体。
您看到的结果是什么？绿色正方形计数到宽度，请尝试左右缩放方框。无论我做什么，我仍然会得到滚动条，因为内容被视为版面之外的内容：你可以将内容从左侧浮动出来，它可以工作，只是不能从右侧浮动出来。编辑后的内容包括对更具体问题的解释，以及真实、真实的答案。
body
{
    min-width: 960px;
}

#wrap
{
    overflow-x: hidden;
}

#width_wrap {
    position: relative;
    width: 960px;
    height: 400px;
}

.crane
{
    position: absolute;
    width: 200px;
    height: 200px;
    right: -40px;
}

.your_picture {
    margin-right: -30px;
}

.your_picture {
    position: relative;
    right: -30px;
}

.your_picture {
    position: relative;
    left: 30px;
}