float:left 与display:inline的具体区别

原网址:http://zhidao.baidu.com/link?url=
msjbizlq6YVSyLIZNpzhr2a4Lhi3od2SAs8LbUEzr6cSsIAp5UzAFCzC0LmgvDx_lvKoPDQBcjxfYiod8UIcOq


设了float:left的元素允许它的右边存在任何元素同行显示,不论是内联元素还是块元素。
但它的左边还是不允许存在任何元素与之同行显示,哪怕其它的元素的代码在前,
除非也给前面的元素加上float:left后,才允许同行显示。
设了display:inline的元素,允许它的前后存在其它的内联元素同行显示。
关于代码在其前面的块元素之同行显示,
则要让前面的元素浮动(不管是左还是右浮动)或设为display:inline,
还有代码在后面的是块元素(管它有没有浮动,是左浮动还是右浮动),
均不能与之同行,除非设为display:inline。
另外,给块级元素设上display:inline是解决有名的IE6中双倍浮动的利器。

猜你喜欢

转载自15757126299.iteye.com/blog/2260737