给同级子元素都设置了float:left 本来想的效果:
实际效果:
解决办法:去掉float属性 给元素设置display: inline-block。
原因:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动的边框为止。
也就是本来第二行的想float到左边,然后碰上了第三块,然后就停下了。第二行后面的就被挤到第三行了。
给同级子元素都设置了float:left 本来想的效果:
实际效果:
解决办法:去掉float属性 给元素设置display: inline-block。
原因:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动的边框为止。
也就是本来第二行的想float到左边,然后碰上了第三块,然后就停下了。第二行后面的就被挤到第三行了。