增加位置：固定 破坏标题

Question

When I add:

* {
    margin: 0;
    padding: 0;
    position: fixed;
}

the whole banner messes up and ends with a piece of the code. I've been experimenting on popular websites, and when this one came along I've been having a lot of trouble.

How do I make it so the position: fixed; doesn't ruin it?

Answer 1

Wooahh you've added position fixed onto every single element of the page with this line:

* {
    margin: 0;
    padding: 0;
    position: fixed;
}

You should only add position fixed to the element you want to be fixed. If its the top nav then something like this.

nav#top {
  position: fixed;
}