CSS之谜:宽度被设置为0px而没有任何CSS规则?

CSS之谜:宽度被设置为0px而没有任何CSS规则?,css,Css,那么,看看: “匹配CSS规则”中的顶部规则建议元素的宽度应为160px 但在“计算样式”中,宽度实际上是0px 如果单击“0px”,它将再次显示建议宽度应为160px的规则。但事实并非如此 发生什么事了?是什么将Chrome开发者工具看不见的宽度设置为0px 如何调试它呢?因为这是一个显示:inline元素,所以不能设置它的宽度。尝试display:inline块链接使用display:inline。您需要显示:内联块或显示:块(如果需要IE6-7支持) 您可能需要阅读。它具有display

那么,看看:

“匹配CSS规则”中的顶部规则建议元素的宽度应为160px

但在“计算样式”中,宽度实际上是0px

如果单击“0px”,它将再次显示建议宽度应为160px的规则。但事实并非如此

发生什么事了?是什么将Chrome开发者工具看不见的宽度设置为0px


如何调试它呢?

因为这是一个
显示:inline
元素,所以不能设置它的宽度。尝试
display:inline块

链接使用
display:inline。您需要
显示:内联块或<代码>显示:块(如果需要IE6-7支持)


您可能需要阅读。

它具有
display:inline
属性,该属性使元素忽略您的宽度、高度值,即使它们被标记为
!重要信息

我们是否有机会获得演示链接和实际发布的代码,而不是图片?谢谢。你知道我可以用什么工具来帮自己解决这类问题吗?嗯,不知道,这是我的方法。你可以阅读每一个规范,但这会花费你很多时间。@nightcracker,@AP257,这并不难阅读。没错,但CSS规范不是唯一的规范:)这就是CSS令人沮丧的原因。我断断续续地使用它大约有八年了;我读过CSS书籍。但是像这样的一个小规则仍然会让我绊倒,除了问StackOverflow之外,没有办法找出它为什么表现如此奇怪。。。