Repositionner des éléments dans la page

A partir de Firefox 48; il est possible de déplacer les élément positionnés en absolu en les glissant dans la page.

Si un élément a sa propriété position mise à absolute, relative ou fixed et une ou plus des propriétés top, bottom , left ou right, alors la vue "Modèle de boîte" affiche un bouton :

Cliquer sur ce bouton fera apparaitre deux poignées à coté de l'élément :

Il est alors possible d'utiliser ces poignées pour déplacer l’élément dans la page.

Si l’élément est positionné en absolu, des lignes pointillées apparaissent pour représenter le décalage par rapport au parent. Pour les éléments positionnés en relatif, elles représentent la position d'origine du nœud. les distances sont affichés par des infobulles pour chaque coté.