举个例子ul li适配屏幕,如果加个border:1px,不用border-content得情况下,每个li多加了2px:
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<style>
ul{
100%
list-style:none
}
ul li{
(calc:25% -2px);
list-style-type:none;
float:left
border:1px #ddd solid;
height:15px
}
</style>
效果: