How can I get elements to ignore margins?

Question

My page has a small margin on the body to keep text from being to close to the edge of the screen. But the problem is I want divs to start and end on the edge of the screen to get a effect like the purple on this page. My divs have the IDs of "div1" and "div2" what can I add to my css to get the divs to ignore the margin of the body but still have every other element keep within the margin? CSS: ``` * { margin:3px: } ```

Accepted Answer

`*` applies to every element.

Why not try what you meant?

```
body {margin:3px}
```

You can then make the "purple area" with this:

```
.hug_the_edges {margin:0 -3px}
```

How can I get elements to ignore margins?

Solution

Problem