html、css常考的知识点
1.CSS中绝对定位和相对定位的文档流是怎样的 以及他们是如何使用的？
CSS的相对定位和绝对定位。通常情况下，我们的元素的position属性的值默认为static就是没有定位，元素出现在正常的文档流中，这个时候你给这个元素设置的left、right、bottom、top这些偏移属性都是没有效果的，不会生效（但是padding、margin是生效的）。还有z-index属性在这时不会生效。
position: relative，相对定位
如果对某个元素设置了相对定位，那么这个元素它就会跟其他的元素一样，出现在文档流中它该出现的位置。然后，我们可以设置它的水平或垂直偏移量，让这个元素相对它在文档流中的位置的起始点进行移动。注意：在使用相对定位时，就算元素被偏移了，但是它仍然占据着它没有偏移前的空间。同时，它的偏移也不会把别的块从文档中原来的位置挤开，如果有重叠的地方它会在其他文档流元素之上，而不是把它们挤开，我们可以设置z-index属性来调整它的堆叠顺序。
position:absolute，绝对定位
被设置了绝对定位的元素，在文档流中是不占据空间的，如果某元素设置了绝对定位，那么它在文档流中的位置会被删除，这个元素就浮起来了，其实设置了相对定位relative时也会让该元素浮起来，但是它们的不同点在于，相对定位不会删除它本身在文档流中占据的那块空间，而绝对定位则会删除该元素在文档流中的位置，完全从文档流中抽了出来，我们也可以通过z-index来设置它们的堆叠顺序。
那么绝对定位是如何定位的呢？
首先，如果它的父元素设置了除static之外的定位，比如position:relative,或者position:absolute以及position:fixed，那么它就会相对于它的父元素来定位，位置通过left , top ,right ,bottom属性来规定，如果它的父元素没有设置定位，那么就得看它父元素的父元素是否有设置定位 ，如果还是没有就继续向更高层的祖先元素类推，总之它的定位就是相对于设置了除static定位之外的定位（比如position:relative）的第一个祖先元素，如果所有的祖先元素都没有以上三种定位中的其中一种定位，那么它就会相对于文档body来定位（并非窗口,相对于窗口定位的是fixed）
常用的块状元素有：
、...
、
、
、
、
、、
、