css笔记2-position 定位

定位 position

在页面的整体布局上，我们还是可以选用正常的文档流结合float，这样可以当某一个元素发生改变的时候，可以让其余的元素相应的跟着变化，不会留出空白

相对定位

相对定位就是将position设成relative，然后被设置的元素就会根据元素在正常文档流的位置进行相对的变化，被设置的元素在原文档流中的位置并不会被顶替

绝对定位

绝对定位解决了在相对定位中被定位元素的文档流还被保存的问题，这样就会在页面中留出一个空空，很不好看。


绝对定位解决了这个麻烦，所以绝对定位的效果也是和float最像的，被定位元素会被设成inline-block，相对定位的元素的display是没啥变化的。那么绝对定位的那些top，bottom，left，right怎么设置呢，相对定位里面是相对于本该在的元素，那么到绝对定位里面，又该选取啥东西为参照物呢？


默认是参考的整个文档，但是如果被参照元素的父元素中设置了任何定位，那么被定位元素就会参照它的父元素来进行定位

所以，一般来说我们会给被定位元素的父元素也设置一个定位，这里可以设成相对定位，那不给那些偏移的属性值，这样父元素原封不动，子元素相对父元素来进行一个灵活的定位，子元素的文档流位置被占取，不会留白，NICE！！！！

在绝对定位中，如果有时候没有设置content的宽高，又没