Html 为什么不显示CSS填充？

下面是index.html的代码

图，
菲卡普顿{
显示：块；
}
菲卡普顿{
颜色：黑色；
}
#个人资料照片{
填充：10px 20px；
宽度：100%；
溢出：隐藏；
}
#剖面图{
填充：6px 8px 10px 8px；
浮动：左；
位置：相对位置；
宽度：200px；
}

欢迎

试着放

---

#profile#u photo img

而不是

#profile#u photo figure

，因为HTML可能不会呈现

标记

它是按照其他人的评论显示的，您只是没有背景颜色来查看它。如果你使用检查工具，你会看到填充物在那里

#profile_photo figure{
    padding: 6px 8px 10px 8px;
    float: left;
    position: relative;
    width: 200px;
    background: red;
}

---

填充物实际上正在显示 但是，如果您想在图像之间以及图像和文本之间留出一些空间，请尝试将填充指定给标记

img{ padding: 6px 8px 10px 8px; }

---

它被展示出来了。为块添加一些背景色以查看它。它正在显示。在图形元素上设置背景色，您可以在图像边缘看到它。您使用哪种浏览器？似乎在Firefox中工作…为什么？你在旧浏览器里吗？