代码

#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 日
喜欢我的文章吗?
别忘了点赞或赞赏,让我知道创作的路上有你陪伴。