Question

我有一个div，从屏幕上的某个点开始，需要以像素为单位，我需要它一直延伸到右边而不扩展页面。这可以以某种方式完成吗？

这是CSS：

#fasa_right {
    position: absolute;
    background-color: rgba(255,255,255,0.60);
    top: 0px;
    left: 50%;
    margin-left: 500px;
    height: 1435px;
    width: 100%;
    border-left: inset thin rgba(0,0,0,0.60);
}

现在，这段代码使div一直向右扩展，虽然我有overflow-x: hidden，但仍然可以使用中键或侧滚鼠标滚动。

所以，要么完全禁用向右滚动，要么使div覆盖足够的空间以适应所有分辨率。

PS：我知道我可以用百分比大小的对象设置整个页面，但页面中间有一个元素需要以像素为单位设置。

编辑：http://jsfiddle.net/yj8rpz1q/2/这里发生了什么，我显然不希望边滚动发生。

Answer 1

默认情况下，div（或任何块元素）将占用可用宽度的100％。

因此，默认情况下它应该已经扩展到屏幕的右侧（不添加滚动条）。如果您希望它从特定点（不是最左侧）开始，则向其添加margin-left。

这是一个小提示，显示div从左侧开始100px，一直向右：http://jsfiddle.net/yj8rpz1q/

编辑：是否在position: absolute？对不起，我在回答时错过了。

Answer 2

保持以下设置

position:absolute;
top:<distance-from-top>px;
left:<distance-from-left>px;
right:0;

将div从屏幕的一个点定位到最右侧

2 个答案: