我有一个 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/