Remove Margins from the Browser

Remove Margins from the Browser

Suppose you want to put the contents of a page right up against the edges of the browser’s viewport. While you can force this using absolute positioning, there is a more elegant solution.

The reason why content doesn’t start right at the top-left edge is because of margins. Some assume that if you don’t set the top and left margins for the element, that it’s the equivalent to setting them to 0px. But this isn’t true.

In fact, browsers have built-in stylesheets that cause the element to display as if you had set margins. For example, IE actually defaults the left margin to 10px and the top margin to 15px.

To override these defaults, use the following code:

See also  Essential Measures for Safeguarding Your Digital Data

About Our Editorial Process

At DevX, we’re dedicated to tech entrepreneurship. Our team closely follows industry shifts, new products, AI breakthroughs, technology trends, and funding announcements. Articles undergo thorough editing to ensure accuracy and clarity, reflecting DevX’s style and supporting entrepreneurs in the tech sphere.

See our full editorial policy.

About Our Journalist