前端解决宽度设置百分比和边框后样式超出的问题

• 项目中经常会遇到一类问题：就是设置宽度百分比后再加border边框出现边框溢出显示不出的问题
• 原因很简单，就是宽度已经是百分百了，再设边框，实际内容就是百分百再加上边框的宽度，肯定就溢出了
• 这个问题很好解决，一个属性就搞定：calc

  div {
    width: calc(~"100% - 2px");
    border: 1px solid #eee;
  }
  

注意： 以上代码即可实现，但是必须规范书写格式，加减号两边必须空格隔开，引号外边加上~

• 兼容性
  

此方法已支持大多浏览器版本，要想得到更多低版本的兼容，请自行查阅相关兼容写法