For debugging CSS, I prefer something along the lines of:
* {
outline: 1px solid hotpink !important;
outline-offset: -1px !important;
}
As in most cases the above snippet doesn't reflow content.Exercise to the reader is to turn the above into a javascript bookmarklet toggle, and to add support for shading margins and padding.
if you're using firefox, you can generally juts ctrl-click on the page. It'll draw outlines around every child element without reflowing.