Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.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
Html 为什么这两个部门没有';当在css中定位时,是否重叠?_Html_Css_Position - Fatal编程技术网

Html 为什么这两个部门没有';当在css中定位时,是否重叠?

Html 为什么这两个部门没有';当在css中定位时,是否重叠?,html,css,position,Html,Css,Position,两个div的div结构和css相同,一个是绝对位置,另一个是相对位置 #第一组{ 宽度:120px; 高度:120px; 边框:1px纯红; 位置:相对位置; 顶部:60px; 左:70像素; } #第二组{ 宽度:120px; 高度:120px; 边框:1px纯黑; 位置:绝对位置; 顶部:60px; 左:70像素; } 这是因为body边距默认设置为8px。 div1位置是相对的,所以左:70px表示距离左边缘78px。 div2位置为绝对位置,即距离左边缘70px 为正文设置边距:0后

两个div的div结构和css相同,一个是绝对位置,另一个是相对位置


#第一组{
宽度:120px;
高度:120px;
边框:1px纯红;
位置:相对位置;
顶部:60px;
左:70像素;
}
#第二组{
宽度:120px;
高度:120px;
边框:1px纯黑;
位置:绝对位置;
顶部:60px;
左:70像素;
}

这是因为
body
边距默认设置为8px。
div1
位置是
相对的
,所以左:70px表示距离左边缘78px。
div2
位置为绝对位置,即距离左边缘70px

正文设置
边距:0
后,这两个div应该重叠

正文{
保证金:0;
}
#第一组{
宽度:120px;
高度:120px;
边框:1px纯红;
位置:相对位置;
顶部:60px;
左:70像素;
}
#第二组{
宽度:120px;
高度:120px;
边框:1px纯黑;
位置:绝对位置;
顶部:60px;
左:70像素;
}