Fixed positioning

Recall that fixed places an element in a fixed position with respect to what can be viewed in the browser window, so everything else will move when the document is scrolled.

Click on the arrow to see the rendered page in a new window. Resize the window as needed to see what happens when you scroll the page.

Note:

Hints:

  • undefined
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
<!DOCTYPE html>
<html lang="en">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
p {
    margin:  0;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX