编写css时，我们经常需要将元素横向排列在一行，通常由以下三种元素可以实现：
1、float ：
可以使用float偏移到一行，如：同时使用float:left即可偏移在同一行的左边，如下：
也可以一个模块使用float:right，一个模块使用float:left使一左一右排列，可以达到我们要求的效果，但是！！！有一个问题--------他们的父级模块会因为子模块的浮动而使主体没有高度。通俗来讲，我们一般是用子模块来撑起父模块的高度，但是，当你的子级元素使用了float后，相当于浮动了起来，使不能够撑起父模块的高度的，所以此时，父模块容易“消失”。
如何解决这个问题呢，我们可以给父级元素加上一个**overfloat:hidden;**属性，这个的意思就是将超出的部分隐藏起来，利用这一属性，我们可以解决此问题。
2、display:inline-block;
内联块级元素，它可以使模块排列在同一行，但是这样排列的模块容易在模块间出现小缝隙，如下：
