display/float/clear

display

• inline：将元素变为行内元素。

• • 不会独占一行，排列自左向右。可以通过display:inline将一个块元素变为行内元素。

• block：将元素变为块元素。
  • 独占一行，排列自上而下。可以通过display:block将一个行内元素变为块元素。

• none：设置空值，不显示，隐藏起来。（不占用页面显示空间。但是标签还是存在。）

• inline-block:行内块元素。按照行内方式排列，同时具备块元素宽高。

• span标签：行内标签，没有宽度和高度。无法设置width和height属性。设置display:block，设置宽度和高度
  

 

float

• 让标签元素按照某一个方向浮动起来。脱离文档流。

• • 　　取值：left、right

• 可以让所有需要进行布局的层进行向左浮动。

 

clear

• 清空浮动

• • 取值：left、right、both清空左右两边浮动