static | 默认值。在正常的文档流中 |
---|---|
relative | 脱离文档流。相对于原位置定位 |
absolute | 脱离文档流。相对于正常文档流外的第一个父元素定位 |
fixed | 脱离文档流。相对于浏览器窗口定位 |
相对定位:指通过left,top,right,bottom属性,设定的相对值。(除了static外的定位,都是相对定位,只是参照物不同)
1.通常页面的最外层容器设置成relative:它没有改变自身的定位,但为子元素提供了相对定位的参照物。
2.真正需要相对定位的元素设置成absolute:它相对指定的参照物定位。
3.一些提示或广告在窗口指定位置漂浮:这时用fixed定位。
4.static是默认的定位:需要通过marging,padding等边距控制位置。
另:
在文档流中定位时,容器的高度和宽度一般是由子元素 “撑” 起来的,
但是ul是个例外,你必须同时设置子元素和ul的高度,才能保证看上去,ul是其子元素的容器。