代码

#ds-smilies-tooltip {
    max-width: 400px;
    min-width: 200px;
    width: -webkit-calc(100% - 130px);  /* WebKit 536.3 (Chrome 19) and above, experimental */
    width:         calc(100% - 130px);  /* final CSS3 compliant implementation; Firefox 16 and IE 9, and above */
}

在原有的css基础上面加上这段就OK了

介绍

很简单，calc就是Calculate（计算）简称，所以就是通过“+、-、*、/”运算计算括号内表达式的值，并把值作为最后的结果。

但是注意几点：

  1. 表达式中有“+”和“-”时，其前后必须要有空格，如"widht: calc(12%+5em)"这种没有空格的写法是错误的；
  2. 最好加上不同浏览器的标识符，以便不同浏览器兼容

calc(100% - 130px);就是把屏幕的宽度 - 130px.(最大不超过400px，最小不小于200px)

但是由于一个屏幕内的宽度是固定的，所以层叠回复的表情框还是会超出边界== 不知道有啥方法可以处理一下？

代码是看了hran 的多说css.表示感谢！

参考文档

[[ 1 ]cal 帮助文档](https://developer.mozilla.org/zh-CN/docs/Web/CSS/calc)

最后修改：2019 年 03 月 23 日
© 允许规范转载
喜欢我的文章吗？
别忘了点赞或赞赏，让我知道创作的路上有你陪伴。