浮动
布局样式:显示浮动定位
显示
;height: ;background-color: ; img{display:block} 解决图3像素
display:block/inline/inline-block/none; 块/行/行内块/隐藏
visibility:hidden; 隐藏(占位)
块元素:独占一行可设宽高
行元素:同一行排列不设宽高由字体大小决定
行内块:同一行排列可设宽高
浮动(设宽高超出隐藏)
;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元素相对浏览器窗口