positioning and floats

Question 1

position: static;

Answer 1

normal flow of the document –> everything migrates to the upper left hand corner of the page

default –> don’t have to declare it

Question 2

position: relative;

Answer 2

positions element relative to where it would fall in the normal flow of document by defining “offset values”:
distances from top, bottom, left, or right of that position

scrolls normally –> does not stay on page

Question 3

position: absolute;

Answer 3

takes offset values (top, bottom, left, right) –> distance from the parent element IF parent also has position declared

child scrolls with parent element

Question 4

position: fixed;

Answer 4

takes offset values –> based on distance from the viewport

DO NOT scroll aka stay on page

Question 5

viewport

Answer 5

portion of website viewable to user

Question 6

float

Answer 6

property used to position element to the left or right of their containing element

Question 7

float: left;

Answer 7

element is placed to the left and lets other content wrap around it to the right

Question 8

float: right;

Answer 8

element is placed to the right and lets other content wrap around it to the left

Question 9

clear

Answer 9

property used after float to prevent elements following floated element from wrapping around floated element

Question 10

clear: left;

Answer 10

no floating elements allowed on the left side of the cleared element

Question 11

clear: right;

Answer 11

no floating element allowed on the right side of the cleared element

Question 12

clear: both;

Answer 12

no floating element allowed on either side of the cleared element

Question 13

offsets

Answer 13

used to position elements along with relative, fixed, absolute positions

top right bottom left