元素大小合适,但是却莫名掉下去了为什么?关于margin的解释之一

标签：大小   根据   宽度   像素   为什么   不能   方法   写文章   浏览器   

      开发时有时候总会碰到这样的问题,一行四个元素并排,四个元素的总宽度明明比父级元素的总宽度还要小,但是最后一个元素莫名拍到了下一行，怎么找都找不到原因。

      我找到一个解决方法，虽然不知道是不是唯一的，但是却是解释之一

      比如四个元素的宽度是25%，父级元素的宽度是1283像素，那么1283像素的25%是320.75像素，根据浏览器不足1像素按照1像素来算，那每个元素的宽度实际上试321像素，所以最后一个元素始终不能跟其他元素并拍。解决方法就是当父级元素为固定像素时,子元素也应该为固定像素,当设置子元素为固定元素时，如果父级元素为百分比那么应该设置出父级元素的最小宽度，这样就能保证样式上不会再出现莫名的问题。

      讲的粗糙了一点，写文章不是我的强项，能帮到大家就好~

元素大小合适,但是却莫名掉下去了为什么?关于margin的解释之一

标签：大小   根据   宽度   像素   为什么   不能   方法   写文章   浏览器   

原文地址：https://www.cnblogs.com/isdfs/p/9803164.html