块标签 和内联标签的特性 清除浮动

内敛标签特性

1.不支持宽 高 
2.高度由内容撑开
3.横向排列多个同类型标签
4.不支持margin-top   margin-buttom
5.换行被解析

  块元素

1.独占 一行
2.支持所有CSS
3.没有设置宽度是 默认占一行

  伪类清除浮动

clearfix{
  position:realtive;
  zoom:1;
  &:after,
  &:befor{
    display:table;
    content:"";
    line-hight:1;
   }
  &:after{
     clear:both
   }
}

  inlne-block 特性

1.块元素在同一行显示
2.行内元素支持宽高
3.没有宽度是 由内容撑开

  

 

posted @ 2019-03-01 13:44  起个名字真难1  阅读(223)  评论(0编辑  收藏  举报