Html 为什么这两个部门没有';当在css中定位时,是否重叠?
两个div的div结构和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后
#第一组{
宽度: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像素;
}