Help us make DevTools Tips better! Fill out this survey to tell us more about your DevTools habits and frustrations.
Edit CSS absolute and relative positions by dragging points in the page
Firefox features a position editor that lets you move elements in the page by drag and drop. This works with elements that are positioned in CSS with
position:absolute and that have at least one of
- Select an element with
position:absoluteapplied to it in the Inspector panel.
- Open the Layout sidebar panel, and scroll down to the Box Model section.
- Find the "Edit Position" icon and click it.
- Use the handles in the page to move the element around, within its positioned ancestor.
Learn more about this tool here