css定位常见问题

css position 定位
static:1.块级模块的垂直堆积，默认。
relative 2.为后代元素创造上下文，相对其原始位置控制上下文，可以使用top,bottom,left.right来相对于元素在文档中的位置来移动这个元素.
absolute:3.元素脱离了文档，在文档中不占据位置，可以准确地用top,left,bottom,left,right来定位。相对于最近一行不是static的属性定位。在文档流之上。不会占据普通流空间
fixed:4.根据窗口定位，当出现滚动栏时不随着窗口滚动而滚动。
sticky：5.（有兼容性问题）这是css3语法 ，当在屏幕中按照常规流文档显示，当到屏幕外时表现如fixed。

float 属性定义元素向左/右方向浮动。
1.浮动元素会生成一个块级框，而不论它本身是何种元素。
2.带头float的元素可以使元素inline_block化，实现文字环绕效果
3.浮动元素不会占据块的空间，但是浮动元素会占据另外的空间，也就是行框空间，通俗的讲就是文本所占的空间。
4.由于不占空间导致高度塌陷，所以要清除浮动，清除浮动不是吧float属性去掉，而是清除周围的浮动元素：clear:left/right/both、、、.方法2：在父级css属性加上入overflow:hidden;zoom:1;或者overflow:auto;zoom:1;zoom是ie专用属性、、、、方法3：在父级用zoom+:after方法，原理类似于clear:both,利用CSS方式：after在元素内部加一个clear:both的元素块
.box1{zoom:1;}
.box1:after{display:block; content:‘clear’; clear:both; line-height:0; visibility:hidden;}