html/cc基础15-3中将li用display:inline转化为内联元素过后用float:left为什么内联元素也能设置宽高？

Question

li{float:left;display:inline;margin-right:8px;border:2px gray solid;width:50px;}

按照下面问答的说法，float后面跟上display:inline是为了解决ie6的双边距问题，但li转化为內联元素后如果代码中有float:left，那li依然能设置高宽，这是什么原因呢？

Answer 1

因为会导致他有 行内块级的 现象出现

Answer 2

好，谢谢您们了

Answer 3

你可以去查看一下css的BFC（Block formatting contexts）相关知识，也许就明白了。