Question

可以用css的display:inline将块级元素改变为内联元素，也可以用display:block将内联元素改变为块元素。

可以用css的display:inline将块级元素改变为内联元素，也可以用display:block将内联元素改变为块元素。

请举两个例子说明下上边这句话的意思。谢谢。

Answer 1

就是 元素之间形式的转换 块元素不加float属性默认就从下一行排列

追问

能举个实例吗？给段css代码。就是说块元素，比如列表, 是块元素，那么如果想叫他浮动，就要float，还有写上display:inline？

追答

哥们 这问题要从概念上说很简单 但是实际用的时候还是有一些技巧的。我就说实际做网站中我遇到的情况啊（这插图片不方便，我就这样说啊，不太清楚的话在交流，最后是遇到问题再解决，这样了解的才是最完整的）：
一、比如网站友情链接板块 显示形式是一条一条的 如果用li 的时候给它加上浮动属性 是可以横排显示 但是 链接的字数不是固定的 如果设定宽度 这样就经常会导致最后一条直接折下来了 页面就不好看了 这个时候就设定属性为display:inline，这样设定后 文字就会自然的转到下一行
二、在IE6.0里面经常会出现双边距的问题，就是虽然设定边距为时，但如果最外层有浮动属性，那么在IE6.0下实际的边距就变成了20，在其他的版本浏览器不会这样，这样就经常出现IE6.0的兼容性问题 解决办法就是加一句：display:inline
三、float和INLINE都可以实现浮动的效果 还是要看实际设计中你要用再哪里 浮动的话基本都是用float，inline只是在特殊的时候用来处理浮动的问题 ，如果Li的宽度可以固定的话 或者是不受宽度的限制就用float 如果宽度不是固定的 又是几排显示的文字 用inline就不会破坏页面的排版效果

参考资料： http://www.52kama.com

Answer 2

现有两个div元素，分别为div1和div2。
若把两个div的display属性都设置为inline的话，div1和div2的排列方式是
div1div2
（在同一行内显示）；
若把两个div的display属性都设置为block的话，div1和div2的排列方式是
div1
div2
（块状显示）；

追问

恩，明白多了，那么divdiv2同一行，要想实现，就要display：inline；是吧，是不是还要加上个浮动，在div2上边加上float：left；呢？

追答

在这种情况下不需要设置float属性，上述代码的两个div（div1和div2处于同一个层）。float是漂浮的意思，它的原理是通过设置两个div的不同层来实现的。

Answer 3

内联元素或者块元素