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