浮动

布局样式：显示浮动定位

显示

width:   ;height:  ;background-color: ;    img{display:block} 解决图3像素

display:block/inline/inline-block/none; 块/行/行内块/隐藏

visibility:hidden;                隐藏（占位）

块元素：独占一行可设宽高

行元素：同一行排列不设宽高由字体大小决定

行内块：同一行排列可设宽高

 

浮动(设宽高超出隐藏)

width:   ;height:  ;background-color: ;

float:left/top;

margin:50px

overflow:visible/hidden/scroll/auto; 展示隐藏(无父高度=自动) 滚动条

scroll            滚动条

overflow-y:scroll;          y轴滚动条

.clearfix after:{content:"";display:table;clear:both;}  清除浮动

定位：

position:  relative

相对定位（自身的位置）

     /absolute

绝对定位（以父元素，的边框，有padding也没用）

           /fixed;   (margin)

浮动定位（body的边框）

相对自身相对上层定位r元素相对浏览器窗口