Css 了解绝对定位元素的默认位置

Css 了解绝对定位元素的默认位置,css,css-position,Css,Css Position,这对你们来说可能是一个很简单的问题,但我试图理解绝对定位元素的默认行为。我已经读到,文档流中删除了一个绝对定位的元素,这意味着周围的元素的行为就好像它一开始就不存在一样 现在,对于绝对定位元素的默认放置。它不应该出现在父对象的左上角,该父对象具有位置:relative 我已经举了一个例子来说明我的意思 此示例由以下标记组成: #顶部(页眉)导航{ 位置:相对位置; 显示:表格; 保证金:0自动; } 保险商实验室{ 填充:0; 左边距:15px; 右边距:15px; } 锂, img, 保险商

这对你们来说可能是一个很简单的问题,但我试图理解绝对定位元素的默认行为。我已经读到,文档流中删除了一个绝对定位的元素,这意味着周围的元素的行为就好像它一开始就不存在一样

现在,对于绝对定位元素的默认放置。它不应该出现在父对象的左上角,该父对象具有
位置:relative

我已经举了一个例子来说明我的意思

此示例由以下标记组成:

#顶部(页眉)导航{
位置:相对位置;
显示:表格;
保证金:0自动;
}
保险商实验室{
填充:0;
左边距:15px;
右边距:15px;
}
锂,
img,
保险商实验室{
显示:内联块;
}
img{
利润率:10px 30px 0px 30px;
}
李{
字体大小:24px;
左边距:30px;
}
李:第一个孩子{
左边距:0px;
}

  • 菜单项1
  • 菜单项2
  • 菜单项3
  • 菜单项4

如果您将
img
设置为
位置:绝对值
,它将退出流量,但保持在正常流量中的位置。文档和其他元素的行为就像绝对定位元素不存在一样

只有通过应用
top
bottom
left
right
值,才能使其实际运行

从W3C wiki:

箱子被从正常流量中取出。箱子的位置(和 可能大小)用“顶部”、“右侧”、“底部”和 “左”属性


注意:这已经被回复了

我希望有人能详细解释这一点。看它似乎并没有说明它的行为。这是有道理的,因为它随浏览器而异。