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:浮动的主要内容,如果未能解决你的问题,请参考以下文章