使用fire bug查看网页元素的定位方式和具体值

详细操作

首先，我们需要下载好firebug插件。一般我是在fire fox浏览器中直接下载插件的。安装好后，会在浏览器的右上角出现一个小虫的标记。

我们随意打开一个网页，按下键盘上的F12键，或者是点击小虫使其颜色变亮

变亮之后，我们就会看到浏览器的下方出现关于网页的一些选项，这些都是fire bug为我们呈现的。

接下来，我们需要在fire bug面板中的html代码中，找到一个在页面中显示出来的元素。

我们选中元素之后，可以看到竖线的右半部分由样式、计算出的样式、布局、DOM、事件四个选项，默认显示的是我们选中元素的样式。

接下来，我们需要将右侧的面板切换到布局选项中，可以看到，布局选项中将我们选定的元素以盒模型的形式展现出来，左下角写明了定位方式为static。

我们在选中其父级元素，可以看到布局选项中提示定位方式是absolute，并且有距左边和上边的距离。

用户类似问题：

问题1：哪位大哥能讲解一下fire bug 的使用啊

我知道怎么调出来 也可以看懂代码 但是不了解如何应用代码到页面上 以及调试等 查看原帖>> >>详细

问题2：火狐插件flash fire bug 怎么用

这个火狐插件是给web开发人员用的，主要用于查看网页的源代码，它还可以更改网页的布局和内容，如果不是搞网站开发的就没有用吗？不是，其实可以恶作剧，打开fire bug 在下面会出现源代码，开不懂没关系，中文看得懂吧。把里面的中文改成你喜欢... >>详细

问题3：哪个浏览器可以看网页元素

火狐浏览器 装一个fire bug插件~ >>详细

问题4：火狐浏览器，有一次不知道按了什么建，突然页面上...

最好能给个具体截图便于分析。 从你说的现象来看，应该是打开了web开发者（在工具菜单里）的某个选项。可以试试web开发者当中的选项（重点测试我框起来的部分）： >>详细

问题5：div标签里面的相对绝对position属性怎么设置？

用position:static取消继承,即还原元素定位的默认值。...元素移动到你想要的位置,让我将nav移动到页面的右...这里有个WinIE的bug需要提到,就是如果为绝对定位的... >>详细