Css 为什么显示：初始未按预期工作？

我隐藏了一个子图像，并在有人悬停父图像时显示它。 问题是，当子图像显示时，它会显示在父图像的右侧

我希望它出现在父图像的下方，因为这是默认设置。将display设置为“initial”不会使元素进入默认状态吗

.child{
显示：无；
}
.parent:悬停.child{
显示：首字母；
}

---

那么

初始值只表示整个属性的值。它依赖于财产，而不是其他任何东西

例如：显示
初始值表示内联，这是因为它是属性的指定初始值

在大多数情况下，浏览器的默认值是block，因为元素是div

不确定这是否有助于您的理解，但您可以这样做。
因此initial实际上是某个元素的默认状态

某些元素，如
div
或
p
默认情况下是
display:block
。因此，将其设置为
display:initial
将是相同的

默认情况下，
img
-标记为
display:inline
。因此，将其设置为
display:initial
与将其设置为
inline
相同。值
initial
表示不同的内容，具体取决于您为其指定的属性

如果将其指定给一个非继承的属性，如本例中的
显示
，则其值将更改为中为该属性定义的
初始
值（不更改为样式表中先前定义的值–这就是问题中描述的行为的原因：
显示
默认为其
初始
值，即
内联
）

如果将其指定给继承的属性，例如
color
，则该属性会接受样式表中以前定义的任何值，如果存在，则默认返回CSS规范中定义的
初始值。（例如，由于浏览器不同，其颜色也不同，但通常为黑色
）

相关链接：




浏览器的默认设置为“块”，因此我希望“初始”可以执行与“块”相同的操作。“块”显示在第一张图像下方。但“初始”不遵循此默认特征。可能重复