在说这个问题之前,先简要介绍下display和float这两个属性。


   float属性控制html组件是否浮动与如何浮动,当通过该属性设置某个对象浮动后,该对象将被当成块组件处理。它有left和right两个值,分别指定对象向右向左浮动。


   而display属性用于规定元素应该生成的框的类型。来看下display可取的值:

wKiom1NCD36i9FIZAANjGTDcl7M132.jpg


通过上述介绍可以看出,其实float和display原本是毫不相关的两个属性。在这里之所以要说float和display的区别,是由于在实现多栏布局和菜单栏导航时float和display出现了微妙的联系——设置float:left或display:inline-block都可以实现这一功能。


本文先简要说下float和display在实现多栏布局上的区别,有时间再写导航菜单。


float