将两个块放在同一行的两种方法

2019.3.18

div在结尾自带换行符，若要将两个div标签放在同一行可采用以下两种方法

（1）用CSS语法设置浮动float:left;，再设置margin边距即可。
（2）更改display属性为inline-block可以解决
需注意，在更改display属性为inline-block时，在两个块中间会出现宽度为8px的margin，这是从body中继承而来的。
具体解决办法如下
（1）将所有块写在一行，如<div></div><div></div>这种，代码中不出现换行。
（2）也可以将前一个块的结束标签写在第二个块的起始标签前,例如

<div>

</div><div>

</div><div>

</div>

虽然办法有多种多样，但是归根到底，主要目的是为了起始标签与结束标签中间没有空格或者换行，所以为了方便，推荐用浮动来设置样式