我正在阅读这个网站的一个关于中心元素技术的指南.
我读了CSS代码,
.Absolute-Center {
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}
我也读了解释.
但我不明白的是解释"top:0; left:0; bottom:0; right:0;"的部分.
它说,
设置顶部:0; 左:0; 底部:0; 右:0; 为浏览器提供一个新的边界框.此时,块将填充其偏移父级中的所有可用空间,即父体或位置:相对; 容器.Developer.mozilla.org:对于绝对定位的元素,top,right,bottom和left属性指定元素包含块边缘的偏移量(元素相对于的位置).
这是什么意思？包围盒？填写所有可用空间？
"top:0; left:0; bottom:0; right:0;"如何？工作？它是否需要盒子的四个边并伸展它们以填充容器？这是价值观的运作方式吗？
当我设置"top:0; left:0; bottom:0; right:0;"时实际发生了什么？
我完全迷失在这个解释中,我希望有人能够以更简单易懂的方式对我进行改写,重述和解释.
谢谢.