Reposition elements in the page - Firefox 开发者工具 编辑

从 Firefox 48 开始，您就可以通过拖动来定位的元素。

如果一个元素的  position 设置为 absolute, relative 或 fixed 且包含  top, bottom , left or right 中的一个，在开发工具 “查看器” -> “布局”->“盒模型” 面板将会看到一个按钮：

点击这个按钮，可以在元素上看到两个调节手柄：

您可以通过这两个手柄来拖动元素，设置元素的位置。

如果元素已经设置了绝对定位，虚线表示该元素相对于哪个元素的位置。如果元素设置了相对定位，虚线表示元素的原始位置。每条线会即时提示偏移的位置提示信息。