对于一般的网页设计师来说，firebug是一个很强大的插件，今天小渔又发现了它的一个新的功能，可以查看元素的定位方式和具体值大小，今天小渔就来告诉大家
方法/步骤
1
首先，我们需要下载好firebug插件。一般我是在fire fox浏览器中直接下载插件的。安装好后，会在浏览器的右上角出现一个小虫的标记。
2
我们随意打开一个网页，按下键盘上的F12键，或者是点击小虫使其颜色变亮
3
变亮之后，我们就会看到浏览器的下方出现关于网页的一些选项，这些都是fire bug为我们呈现的。
4
接下来，我们需要在fire bug面板中的html代码中，找到一个在页面中显示出来的元素。
5
我们选中元素之后，可以看到竖线的右半部分由样式、计算出的样式、布局、DOM、事件四个选项，默认显示的是我们选中元素的样式。
6
接下来，我们需要将右侧的面板切换到布局选项中，可以看到，布局选项中将我们选定的元素以盒模型的形式展现出来，左下角写明了定位方式为static。
7
我们在选中其父级元素，可以看到布局选项中提示定位方式是absolute，并且有距左边和上边的距离。
注意事项
小渔原创首发，有问题欢迎留言交流哦