Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS:右边距和绝对定位_Css_Positioning_Css Position - Fatal编程技术网

CSS:右边距和绝对定位

CSS:右边距和绝对定位,css,positioning,css-position,Css,Positioning,Css Position,我在一页中有一个div。 现在,当我将其位置指定为绝对位置并给出其左边距==20px时: 我明白。div元素应向右移动20 px,以便div和主体之间存在20 px的余量 现在,当我从右侧提供20px的余量时,整个div是否应该向右侧移动,与主体之间的间隙是否为20px 我知道我可以定位div,给出左和右的值。但真正的问题是,左边的保证金有效,右边的保证金无效!为什么会这样? 谢谢你的帮助 它不是右边距你要找的,它只是右边距 请查看我的小提琴更新: 如果您希望它位于屏幕底部,请添加botto

我在一页中有一个div。 现在,当我将其位置指定为绝对位置并给出其左边距==20px时:

我明白。div元素应向右移动20 px,以便div和主体之间存在20 px的余量

现在,当我从右侧提供20px的余量时,整个div是否应该向右侧移动,与主体之间的间隙是否为20px

我知道我可以定位div,给出左和右的值。但真正的问题是,左边的保证金有效,右边的保证金无效!为什么会这样?
谢谢你的帮助

它不是
右边距
你要找的,它只是
右边距

请查看我的小提琴更新:

如果您希望它位于屏幕底部,请添加
bottom

尝试此更新的小提琴:

Margin right
不起作用,因为它将
Margin
添加到div区域本身,而
right
是一个位置值


如果你看一下,它会告诉你在哪里添加了边距。因此,边距实际上是用来给方框留出与其周围其他对象之间的空间。

左边距有效,因为默认情况下方框与左边对齐:;财产。设置正确的:;属性,而u可以设置正确的边距。但到目前为止,我只能在绝对定位的元素上设置左边距或右边距。所以你可以使用左边或右边,不需要边距。如果你知道如何同时设置左右边距,请发布方法

为什么不直接使用
而不是边距?@Pete但是为什么边距左起作用时边距右不起作用呢?看看公认的答案:我认为元素上你认为是
左边边距
的空间实际上在
主体
元素上。你把它拿走了吗?我明白了。谢谢你的帮助help@NavneetSaini右边距将向右移动的元素与之相距20px,边距只需将元素推开即可,如果您希望元素位于右侧,同时是绝对的,则必须使用右边距,否则浮动:右边距;
.container{
position: absolute;
background-color:gray;
margin-right: 50px; 
height: 200px;
}