html - 从屏幕的一点到最右边定位一个 div

标签 html css positioning

我有一个 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/这是发生了什么,我显然不希望发生侧滚动。

最佳答案

默认情况下,div(或任何 block 元素)将占据可用宽度的 100%。

因此,默认情况下它应该已经扩展到屏幕的右侧(不添加滚动条)。如果你想让它从某个点开始(不是最左边),那么给它添加一个 margin-left

这是一个显示 div 的 fiddle ,它从左边 100px 开始,一直到右边:http://jsfiddle.net/yj8rpz1q/

编辑:它是否必须处于position: absolute?很抱歉,我在回答时遗漏了这一点。

关于html - 从屏幕的一点到最右边定位一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26897417/

相关文章:

HTML - 相对定位,放置内容

html - 使用 bootstrap 调整大小时如何在同一行上保留多于 1 个图像?

jquery append() 和容器大小

html - 如何扩展输入以占用 div 中的剩余空间

css - 如何使用 'height: fit-content' 为动态高度变化设置动画

css - 适应所有分辨率的导航

jquery - 获取同一行中的所有 <td>

css - SASS 错误 : Properties are only allowed within rules, 指令、mixin 包含或其他属性

javascript - 如何为移动设备检测和交付单独的 CSS 文件?

html - 如何在不使用 "position"和 "margins"的情况下创建三个重叠层