Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-apps-script/6.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 - Fatal编程技术网

我们什么时候使用;位置:相对“;在CSS中?

我们什么时候使用;位置:相对“;在CSS中?,css,Css,我想知道我们需要在CSS中应用position:relative的几个条件或情况 当我知道元素的内部元素将被绝对定位时,我通常在元素中使用position:relative 例如,如果我有两个div,外部div是一个静态块,外部div内的元素将相对外部div定位为绝对位置。那么外部div使用position:relative,内部div应该使用position:absolute。现在,内部div元素可以使用CSS的top、bottom、left和right属性放置在任何位置。元素相对于其正常位置

我想知道我们需要在CSS中应用
position:relative
的几个条件或情况

当我知道元素的内部元素将被绝对定位时,我通常在元素中使用position:relative


例如,如果我有两个div,外部div是一个静态块,外部div内的元素将相对外部div定位为绝对位置。那么外部div使用position:relative,内部div应该使用position:absolute。现在,内部div元素可以使用CSS的top、bottom、left和right属性放置在任何位置。

元素相对于其正常位置进行定位,
因此,“left:50”将50个像素添加到元素的左位置

位置相对的最佳用法是使用位置绝对。 阅读此链接以正确理解 CSS技巧网站:


元素的位置相对于其正常位置,因此“left:20”会在元素的左侧位置添加20个像素。以前也有类似的问题:该问题的答案有一个关于定位的有用博客链接。@MoortyGK,
left:20
不正确,被一致的浏览器忽略。耶!!我知道如果我们像left=“20px”这样写,它会将元素20px从其原始位置向左移动(将20px添加到左偏移量)。但是根据其他元素,“元素{which is move}”仍然在其原始位置,并且创建的空间没有填满。耶!!这是一个很好的答案。正如你所解释的,“我们不必担心内部区块的相关位置”。它们将自动调整。是的,您是对的…:),当我在CSS中努力定位时,我看了一些youtube教程,之后我对使用position属性非常有信心。