float:left:左浮动。拥有了块级元素的一个可以设定宽高的功能，也有了行内元素的一行可以显示多个。笼统的说，就是将行内/块级元素变成行内块元素，笼统的等同于display:inline-block，区别下面会说。
display:inline-block：将行内/块级元素变成行内块元素。 既有行内元素的一行可以显示多个，也有块级元素可以设置宽高的功能。（行内块元素功能巧记：行内， 一行显示内容；块级：宽高,行内没有的。）
区别：float:left和display:inline-block的功能有区别的。例如：多个元素被display:inline-block之后，多个元素之间会有间隙且不好调节这个间隙；多个元素被float:left之后，元素之间没有间隙)
CSS中 float:left和display:inline-block区别
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- display:block就是将元素显示为块级元素 block元素的特点是： 总是在新行上开始； 高度，行高以及顶...
- 一、总体概念 1、block和inline这两个概念是简略的说法，完整确切的说应该是 block-level el...
- 大家好，我是IT修真院深圳分院第3期的学员，一枚正直纯洁善良的前端程序员，今天给大家分享一下，修真院官网前端工程师...
- 1.解释一下display的几个常用的属性值，inline ， block， inline-block inlin...
- 1.总体概念 block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elem...
