float:left 与 display:inline的区别

Question

float:left 与 display:inline的区别 具体有哪些?

特别是对 无序列表<ul> ,作为导航栏时，该使用 float 还是 display ，或者说是 搭配使用，又有哪些 使用技巧   呢，小菜鸟，求指点 

刚看了下慕课网这个导航条

看着怪不懂的

html ----

html ---

css ---

css ---

Answer 1

布局上，内联块元素是首选，当然设置左右布局，用float元素好些。float更加灵活，但相对来说需要注意，元素已经脱离当前文档流，会造成父元素塌陷，兄弟元素环绕等问题，所以要处理这些问题。

Answer 2

就你上面的用法的话float属性兼容性较高。IE6及以上都能够很好的支持。inline-block元素 ie8才能够很好的支持。低版本的浏览器需要做兼容。