margin百分比值是按父级换算的么

Question

在手机上需要做一个一行3列的的样式

样式采取width：33.3%，在3个图之间插入margin-right：0.05%；

理想很美好，现实很残忍，iphone样式可以接受，但是安卓上貌似不识别margin百分比，求解释！是安卓不识别么

Answer 1

如果是移动浏览器 那应该可以用border-box了
直接把模型从content-box改成border-box
外面3个div 每个33% 给一个padding在div上 因为border-box下padding不会撑大div 所以实际上是里面图片可以用的区域小了
这样就等价于div和div之间留空
补充一下：这样做div和div之间的间隔是定值 做到百分比宽度 似乎只能用响应式布局了

另外我感觉这答案写的。。

|--1%--|-----30%-------|---3%---|-----30%-------|---3%--|-----30%-------|--1%--|
妈的这样排div不就够了 所有的都是float:left

0.05%是什么鬼 这谁设计出来的尺寸

Answer 2

用flex布局来实现吧

Answer 3

大部分的百分数值都是按父元素计算的像margin和padding百分比都是按父元素计算的~

Answer 4

你给的信息太少。猜测是display:inline-block空隙造成的。
解决方法：尝试把图片的父元素的font-size设置为0，或者直接浮动图片。