刚学习前端，然后一直很迷惑为什么要断根浮动，然后百度了一下因为使用浮动，如果父级没有高度界说，那么就会导致父级高度崩塌。然后我还是很迷，那就界说高度不就好了。然后我就发明实际运用中，如果你做的一个内容，是需要跟着你填写的对象，来扩充的，这个时候就需要了（正常情况下，不使用浮动的话，高度是会自适应的，你加几多内容，他就会自动增加内容的高度到父级）。

举例说明一下，

我使用了col-sm-的构造（bootstrap），它使用了响应式和float,所以我还挺喜欢用的。然后可以看到，每一条时间点，城市有一个信息数据。我们以一个圆点摆布所有内容为一个div，每多一条数据，就要多一个div添加进来，这个时候，我们的父级高度就是不要界说，让他自适应。原来我们的高度机制就是自适应的，但是由于我们使用了浮动，所以导致我们的父级崩塌了，高度为0，会影响到你下一个与父级同级的div里的内容。所以，为了解决这样的问题，我们是需要在使用了浮动后，来断根浮动。其实很简单，写一个万能浮动

选择器：after{content:" ";clear:both;display:block;visibility:hidden;height:0;}  为了兼容IE6 7可以在父级选择器里写{zoom:1};
把这个加载在使用了col-sm-构造的上一个div，就可以了。

前端新手，只是为了记录本身在事情中遇到的一些奇奇怪怪的问题，可能是因为自学所以根基功不太扎实。

web前端构造——父级高度崩塌

，