Floating在开发中，很多布局总是在不经意间出人意表。下面这个例子，在浏览器调试界面，包括适配移动端完全没有问题，但是上线后发现确实是这个问题。下面记录了很多，总结归纳，自省自省以后就不贴代码了。毕竟，它真的很基础。真不应该犯这种低级错误。分为三部分，1和2齐平，3错写在下面。2分别向左和向右浮动。此时，123处于同一水平。为父元素清除浮动后，3自然排在了下面。可能是因为图片的大小正好和2的高度一样，所以排版没有问题。在320px375px414px等设备下没有问题。但是发布之后，因为用户设备的物理宽度是多种多样的，这时候就出现了一个问题，你会看到下面奇怪的布局。..给自己一首很酷的歌。解决方案非常简单。给1和2一个parent，两个浮动元素和3就不会互相影响了。上面的原因是1和2的高度不能完全相等。所以浮动之后，就会出现占用空间的问题。我想对自己翻白眼。我一点技术都没有。
