float display特性介绍

2019独角兽企业重金招聘Python工程师标准>>>

div:块级元素 用于布局 独占一行
p:块级元素 用于布局 独占一行 自带margin-top和margin-bottom
没有浮动起来的div和p等块级元素依旧会独占一行，下面的元素浮动起来依旧在这些块级元素的下面

span b 等行内元素float也可以浮动和块级元素浮动起来情况相同，浮动起来后可以设置width和height
但是如果下面是块级元素在浮动不会浮动到行内元素旁边，而是略过未浮动起来的行内元素靠到边框处

display:block
行内元素设置display:block会使行内元素具备块级元素特性，独占一行可调整宽高，下面元素浮动情况也和块级元素相同

display:inline-block
行内元素设置display:inline-block会使行内元素既具备行内元素性质又可以像块级元素般调整宽高
下面的元素浮动情况也是和行内元素的情况相同

转载于:https://my.oschina.net/wangch5453/blog/666729