调试div和box模型

Question

我是否有一个浏览器插件可以帮助我确定为什么我的标签和css样式没有按照我期望的方式呈现？

如果我可以浏览我的测试页面并激活一个插件来显示每个div框的尺寸和位置，那将是非常好的。

Answer 1

看看优秀的firefox插件：

FireBug

Answer 2

如果您使用的是谷歌浏览器，内置的开发人员工具非常好。只需右键单击要调试的页面部分，然后选择“检查元素”，将显示开发人员工具窗格，其中突出显示页面的选定部分。

Answer 3

使用萤火虫，它非常简单也很好。