开发时有时候总会碰到这样的问题,一行四个元素并排,四个元素的总宽度明明比父级元素的总宽度还要小,但是最后一个元素莫名拍到了下一行，怎么找都找不到原因。
我找到一个解决方法，虽然不知道是不是唯一的，但是却是解释之一
比如四个元素的宽度是25%，父级元素的宽度是1283像素，那么1283像素的25%是320.75像素，根据浏览器不足1像素按照1像素来算，那每个元素的宽度实际上试321像素，所以最后一个元素始终不能跟其他元素并拍。解决方法就是当父级元素为固定像素时,子元素也应该为固定像素,当设置子元素为固定元素时，如果父级元素为百分比那么应该设置出父级元素的最小宽度，这样就能保证样式上不会再出现莫名的问题。
讲的粗糙了一点，写文章不是我的强项，能帮到大家就好~
元素大小合适,但是却莫名掉下去了为什么?关于margin的解释之一
原文：https://www.cnblogs.com/isdfs/p/9803164.html