Html 如果元素有边距，如何计算每个元素的宽度作为百分比？

在下面的示例中，如何计算宽度作为百分比，以便每个

li

元素都适合一行？我知道这不是25%，因为我们必须考虑新的利润率，所以我应该将其设置为什么

HTML（）

*{
保证金：0；
填充：0；
}
div{
宽度：100%；
}
李{
显示：内联块；
浮动：左；
列表样式：无；
右边距：1.25em；
宽度：25%；
}
李：最后一个孩子{
右边距：0；
}
img{
宽度：100px；
}

我想你的李应该

li {
    display: inline-block;
    float: left;
    list-style: none;
    width: 25%;
}

删除右边距：css的li中的1.25em

该功能可方便地处理此问题：

li {
    display: inline-block;
    float: left;
    list-style: none;
    margin-right: 1.25em;
    width: calc(25%-.9375em);
}

因为我们只处理3个边距（

3.75em

）。我们将其划分为四个元素，得到

.9375em

---

您也可以用百分比设置边距。@SalmanA我如何计算边距的百分比？使用类似

1%

的方法。这意味着裕度取决于父宽度，而不是常数（例如，在1000px宽度上，裕度将为10px，而在500px上，裕度将为5px）。但这使得计算变得简单明了。