因为他们不同
这个说的很清楚http://www.cnblogs.com/jdonson/archive/2011/06/10/2077932.html
各有各的用处 嘿嘿 百度全都有 这种简单问题不必提问的
block为块状元素 此元素前后会有换行符;inline-block行内块元素
display:inline-block是行内块元素,是可以设置宽高的所有元素进行并排一行显示,一般做导航或者需要并排显示的时候应用的比较多,用这种的话,浮动属性就可以不用设置了;
而display:block是将元素块级化,是独自占一行的,前后元素标签只能上下显示,若用这种,要想做一行导航的话,就需要另外的css属性如浮动,代码就多了。能简化就简化咯
display:inline-block是行内块元素,是可以设置宽高的所有元素进行并排一行显示,一般做导航或者需要并排显示的时候应用的比较多,用这种的话,浮动属性就可以不用设置了;
而display:block是将元素块级化,是独自占一行的,前后元素标签只能上下显示,若用这种,要想做一行导航的话,就需要另外的css属性如浮动,代码就多了。能简化就简化咯 这个说的很清楚啊