css中元素的位置

一.display

　　1.display:none　　隐藏标签

　　2.display:inline　　将块级标签改为内联标签

　　3.display:block　　将内联标签改为块级标签

　　4.display:inline-block　　块级内联兼并,不独占一行,可以设置宽高

二.float浮动

　　任何元素都可以浮动,浮动后就变成了块级标签,它会尽可能窄,造成塌陷,所以要clear清除浮动(relative也属于浮动)

　　1.float:none　　默认值,不浮动

　　2.float:left　　左浮动

　　3.float:right　　右浮动

三.clear　

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

clear清除浮动后父级标签塌陷