float浮动属性

我之前学还有现在都碰到一个问题   当然是之前学的忘记了现在重新开始学碰见的 问题

就是定义一个盒子(div)然后里面有两个盒子  两个盒子的宽高加起来都没超过外面那个盒子 但是两个盒子就是不能并排显示

后来我就百度了一下 发现 

哦  

我忘了一个float属性  如果加入这个属性就会让他们并排  当然还是那个前提  就是 宽高都没超过他们外面的那个盒子

我先讲一下 float这个属性的用处  就是让定义的盒子或者其他元素 在有空余地方的情况下会在另一个盒子或者其他元素的左边或者上面下面右面显示 而不会直接在另一个元素的下面显示 例如float:left；这个就是让他们都在同一行往左靠拢

让他们全部向左浮动然后还有一个作用就是让他们在有空余地方的时候尽量往左浮动没有地方的时候才会向下一行显示

其他方向等同

不过其他的我没试  上面下面我不清楚 但是左右是肯定好使的

下面是效果图