float：浮动

float：浮动

clear ;both

　　要浮动的标签用div包起来给d iv设宽高设行高垂直居

　　line-height: 30px；行高默认垂直居中

　　line-height最好对一行使用，如果换行了， 标签高度就变了

　　消除浮动：clear:both (使自身不受上面浮动的效果)

　　兼容：将最外层的标签设置宽高  里面用百分比

　　盒子模型：内容（html）内边距（padding）边框（border）外边距（margin）

　　box-sizing:border-box;    指定宽高，自适应边框，内边距，内容

定位：position:定位   顺序  top(上) left(左) right(右)  buttom(下) 

　　　 fixed:绝对定位（相对于窗口定位）自身位置没有了

　　　 absolute:绝对定位（相对body）

　　　　　　他会相对于最近的有position属性的父标签定位，最上层就是body

　　　 relative:相对定位 有自身位置 用来微调

　　　 cursor:pointer;鼠标变小手

　　　 z-index:10   DIV分层 数值高的在上面

转载于:https://www.cnblogs.com/LQK157/p/10952223.html