元素大小合适,但是却莫名掉下去了为什么?关于margin的解释之一
Posted isdfs
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了元素大小合适,但是却莫名掉下去了为什么?关于margin的解释之一相关的知识,希望对你有一定的参考价值。
开发时有时候总会碰到这样的问题,一行四个元素并排,四个元素的总宽度明明比父级元素的总宽度还要小,但是最后一个元素莫名拍到了下一行,怎么找都找不到原因。
我找到一个解决方法,虽然不知道是不是唯一的,但是却是解释之一
比如四个元素的宽度是25%,父级元素的宽度是1283像素,那么1283像素的25%是320.75像素,根据浏览器不足1像素按照1像素来算,那每个元素的宽度实际上试321像素,所以最后一个元素始终不能跟其他元素并拍。解决方法就是当父级元素为固定像素时,子元素也应该为固定像素,当设置子元素为固定元素时,如果父级元素为百分比那么应该设置出父级元素的最小宽度,这样就能保证样式上不会再出现莫名的问题。
讲的粗糙了一点,写文章不是我的强项,能帮到大家就好~
以上是关于元素大小合适,但是却莫名掉下去了为什么?关于margin的解释之一的主要内容,如果未能解决你的问题,请参考以下文章