CSS知识归纳—3

css定位

1.float浮动

浮动分为左浮动和右浮动，浮动元素会脱离文档流，但应该算半脱离状态，它还是会跟随父元素，且不会遮住其他元素的内容。

如果空间足够，上下文内容会围绕在它周围。

如果不希望上下文元素与浮动元素重叠，可以对该元素设置clear属性：clear：left（清除左浮动）；clear：right（清除右浮动）；clear：both（清除两边浮动）；

页面上有一种常用清除浮动的方法，即利用伪元素（before、after），可以在要清除浮动的元素上添加伪元素；

2.position：absolute（绝对定位）

绝对定位完全脱了文档流，从文档流中删除。

绝对定位，向上寻找带有定位属性的父元素，若没有则以body作为定位依据。

3.position：fixed（固定定位）

元素完全脱离文档流，相对于浏览器窗口进行定位。

4.position：relative（相对定位）

相对定位不脱离文档流，仍在正常页面流中，元素按指定量偏移，且元素在文档流的原占有空间仍然保存。

5.position：static（即元素没有指定定位方式，默认的静态定位）

元素不发生改变，正常在文档流中显示。

下一篇总结css选择器