关于position,所有元素默认方式为static
fixed;
导航栏的定位,需要用到position:fixed;,在此之后的top和left可以为其调整位置.使其固定在一个地方
z-index=9999;可以设置层数,让他始终显示在顶层,不会被其他元素遮挡.
absolute是相对于非默认的元素进行定位,在不设置其他定位方式的前提下,是根据html的位置进行定位的,当然,如果想让其通过父元素定位,可以为父元素添加其他状态(推荐为父元素添加相对定位)
relative是相对于自己本身位置进行的移动,因为是相对本身位置,所以自己也参与文档流的元素占位,当该元素移动走之后,在原位置仍然能发现(空白),就像是被抠图抠走一样,如果该位置不影响布局,可以使用,不影响观感.
此外定位还可以使用内外边距来搞定,两个div嵌套的情况下,设置子元素的左外边距可以调整子元素相对父元素的位置,但是注意,父子元素不能通过上外边距调整位置,此时无论上外边距设置多少都不能改变位置,此时我们需要在子元素上面加入一个<br>或者其他的字符隔开,当隔开一个元素时,外边距调整位置就可以生效了(外边距是可以设置成负数进行距离调整的)
<div><br><div>子元素</div></div>