display/float/clear

标签：行内 float 标签 clear 元素 display block

display

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

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

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

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

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

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

  float

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

• • 　　取值：left、right

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

  clear

• 清空浮动

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

标签：行内,float,标签,clear,元素,display,block
From： https://www.cnblogs.com/mms2053/p/17179375.html