多个div并排显示

多个div并排显示的方法有两种：

（1）样式设置为：float：left；

（2）样式设置为：display：inline-block；

之前设置为display：inline；时，发现宽度属性失效。

原因：

块级对象元素会单独占一行显示，多个block元素会各自新起一行，并且可以设置width,height属性。

而内联对象元素前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满，对inline元素设置width,height属性无效。

我们有个时候既希望元素具有宽度高度特性，又具有同行特性，这个时候我们就要用inline-block。

inline-block属性，可以将对象呈递为内联对象，但是对象的内容作为块对象呈递。