关于清除浮动 and position的一些注意点

清除浮动：对于父元素的影响清除就是：width:100%;overflow:hidden;
　　　　　对于自己临近的清除就是：clear：both;

 

 

position:

relative  不会脱离文档流，会产生偏移属性和z-index属性

 

absolute  会脱离文档流，会产生偏移属性和z-index属

当一个元素设置绝对定位，没有设置宽度时，元素的宽度根据内容进行调节

 

使用absolute实现横向两列布局：（不常用）
横向两列布局（使用absolute实现横向两列布局）常用于一列固定宽度，另一列宽度自适应的情况
（主要技能：）
1.relative------父元素 相对定位
2.absolute------自适应宽度元素绝对定位
注意：固定宽度列的高度 > 自适应宽度的列

 

fixed     脱离文档流，fixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元素的定位，通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。