CSS让2个DIV在同⼀⾏显⽰的解决⽅法
在CSS中，div属于块级元素，每个块级元素默认占⼀⾏⾼度，⼀⾏内添加⼀个块级元素后⽆法⼀般⽆法添加其他元素（float浮动后除外）。两个块级元素连续编辑时，会在页⾯⾃动换⾏显⽰。所以默认情况下，2个div是⽆法显⽰在同⼀⾏的，必须通过样式属性去修改。
解决⽅⽅法1：display:inline，将其变成⾏级元素，这样2个div就会排在同⼀⾏。
<div >
<div ></div>
css变量<div ></div>
<div ></div>
</div>
解决⽅法2：使⽤float
<div >
<div ></div>
<div ></div>
<div ></div>
<!--必须清除浮动，才能换⾏-->
<div ></div>
</div>
使⽤inline，2个div之间默认是有缝隙的，不会刚好贴在⼀起；使⽤float，会影响后续的div，必须通过clear清除。