1-自动居中:
-----给父元素设置宽度(百分比或者固定宽度都行),设置父元素margin属性的左右值为自动,既是:{width:80%; margin:0 auto;}。
2-清除浮动影响的其中两种方法:
-----1-给父元素设置overflow:hidden;
-----2-给受影响的元素设置clear属性,值可以是both,left,right。
3-定位分为3种:
-----1-static静态定位,就是默认的状态;
-----2-relative相对定位,没有脱离文档流;
-----3-absolute绝对定位,脱离了文档流,如果没有已经定位的祖先元素,就参照根元素html进行绝对定位,如果有已经定位的祖先元素,就参照最近的并且已定位的祖先元素进行绝对定位;
-----4-fixed固定定位,脱离了文档流,参照浏览器的可视窗口进行绝对定位;
-----其中fixed也是属于绝对定位的,所以定位分为3种:静态,相对,绝对。
4-用绝对定位进行一横两列的布局案例:
-----1-给包裹层mainbody设置相对定位relative属性,作为需要设置绝对定位的子元素的参照层;
-----2-给第二列no2层设置绝对定位absolute属性,并设置top属性为0,使它与包裹层顶部齐平,再设置left或者margin-left属性,使它与兄弟元素no1分成两列并有一定的间隔。