标签类型相互转换:
display:inline //转换成行内(不支持宽高)
display:block //转换成块
display:inline-block //转换成行内块(比较常用),支持宽高
display:none //不显示
浮动:
作用:放在一行
特点:
1,元素变成块
2,顶对齐
王者定律(切记)
加浮动就要给清浮动
清楚浮动的方法:
1,给父级加overflow:hidden;
2, 给你需要清除浮动的元素的下面加上一个空白的块状标签,然后给空白标签加上 clear:both;
3,(重要).clearFix:after{display:block;content:' ',clear:both;zomm:1} 注:(zomm:1是兼容ie低版本浏览 器)
使用:
把clearFix加在你要清楚浮动的标签 注意是类命 class="clearFix"