为什么是顶级：继承;这样做？

Question

我有一个水平导航＆lt; ul＆gt;，并且在其中一个＆lt; li＆gt; s中我有一个＆lt; div＆gt;我正在进行一些定位实验的元素。

一路上我注意到我可以使用

将内部div放在li里面

li div {
    position: absolute;
    top: inherit;
    left: inherit;
}

即使我没有为li分配顶部或左侧属性！甚至在Firefox“Computed Styles”检查员中也是如此。它究竟是如何继承不存在的属性？我的浏览器（最新的FF＆amp; Chrome）是隐式定位它还是顶部：左边：属性总是隐形存在？

另外我猜IE＆lt; 8会咳嗽这个......

这是一个小提琴：http://jsfiddle.net/xAk97/

Answer 1

如果您对inherit有任何价值，则该元素将采用与其父级相同的值。如果未在CSS中指定值，则inherited值是该属性的默认值。

在这种情况下，如果未定义top，则元素将该值视为auto。

如果您在此 Fiddle 中查看控制台，则可以查看已分配的属性。