关于div占行的问题

div元素默认是占整行的，要想并排显示，有以下2种方法：

1、float。但是float会有一系列副作用（待补充）。

2、设置display:inline,使它成为行内元素；

display:inline

1、inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化。

2、inline元素设置width,height属性无效。

3、inline元素的margin和padding属性，水平方向的padding-left, padding-right, margin-left,

margin-right都产生边距效果；但竖直方向的padding-top, padding-bottom, margin-top,

margin-bottom不会产生边距效果。