前端常见面试题：css盒子模型,相对定位，绝对定位，固定定位

css盒子模型：
css盒子模型：
基本上所有的html元素都算一个盒子，盒子模型由内向外包括四个部分：content,padding,border,margin四个部分。
绝对定位：position:absolute
1.绝对定位是相当于该元素最近的已定位的祖先元素进行定位，也就是设定了绝对定位或者相对定位的祖先元素。如果没有，那么就相当于最开始文档流.
2.绝对定位与文档流无关，不占据文档就空间，脱离文档流。在文档流中像不存在一样，因此可以覆盖在其他元素之上。可通过z-index来设置显示层级。
3.一般可配合left,top,right,bottom一起使用。
相对定位：position:relative
1.相对于元素在文档中的最初位置进行定位。
2.元素占据文档流，移动元素会导致覆盖其他框。
3.一般可配合left,top,right,bottom一起使用。
固定定位：position:fixed
1.相当于整个浏览器窗口，不会随着滚动条移动而移动。
2.一般可配合left,top,right,bottom一起使用