Html 为什么chromedev工具在visualinspector上显示填充,而不是实际样式?

Html 为什么chromedev工具在visualinspector上显示填充,而不是实际样式?,html,css,google-chrome-devtools,padding,Html,Css,Google Chrome Devtools,Padding,我正在这个网站的顶部菜单上工作。菜单项顶部有太多的填充,我不知道它是从哪里来的,也不知道如何覆盖它。 Chrome dev tools显示绿色填充空间,但实际样式中没有填充。 参考请参见图片。 作为参考,我使用CMS:WordPress,主题:Divi,子主题:custom 谢谢 问题是使用display:table cell你有两个带图标的div,还有电话号码和地址。如果您更改显示块上的表格单元格,将会出现神奇的效果:)感谢@GrzegorzT的响应。这确实删除了填充,但也弄乱了我的布局。它

我正在这个网站的顶部菜单上工作。菜单项顶部有太多的填充,我不知道它是从哪里来的,也不知道如何覆盖它。 Chrome dev tools显示绿色填充空间,但实际样式中没有填充。 参考请参见图片。

作为参考,我使用CMS:WordPress,主题:Divi,子主题:custom


谢谢

问题是使用display:table cell你有两个带图标的div,还有电话号码和地址。如果您更改显示块上的表格单元格,将会出现神奇的效果:)感谢@GrzegorzT的响应。这确实删除了填充,但也弄乱了我的布局。它也不能回答我的问题。样式来自哪里?为什么我不能查看或编辑它们?