float:浮动

Posted lqk157

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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分层 数值高的在上面

以上是关于float:浮动的主要内容,如果未能解决你的问题,请参考以下文章

float浮动

浮动( Floats )

浮动属性(float)

float 浮动

CSS float浮动布局

Float(浮动)