可以在我的CSS文件的calc()函数中使用平方根函数，我读过calc()只支持像+-*和/这样的基本运算符。
理想情况下，它应该是这样的：
width: calc(50% - (sqrt(7200))px)
正如其他人所建议的，如果要处理重复值，只需使用预处理器，或者直接从计算器复制/粘贴，例如sqrt(2) = 1.4142135623730950488016887242097。
但是，如果你真的需要在没有JS的情况下，使用动态的方式来动态计算CSS的平方根，当然也有。
Xml和CSS显示根号上标下标
Xml+CSS显示根号、上标和下标
一、显示根号：
1、建立css.css文件，代码：
span
{ text-decoration:overline//顶划线
}
2、建立genhao.xml，代码：
<?xml version="1.0" encoding="GB2312"?>
<?xml-stylesheet type="text/css" href="css.css"?>
<TITLE>3√<genhao>3</genhao></TITLE>
说明：用符号“√”和“span”格式显示根号。
3、效果：
二、显示上标：
1、css.css文件，添加代码：
shangbiao
{ vertical-align: supfont-size:8px
}
第 2 页
说明：font-size比默认文字大小略小，符合一般格式。
2、建立shangbiao.xml，代码：
<?xml version="1.0" encoding="GB2312"?>
<?xml-stylesheet type="text/css" href="css.css"?>
<TITLE>3√<shangbiao>3</shangbiao>
比如宽度为父元素的50%加上5像素：width:calc(50% + 5px)
要注意加号（或减号）两边一定要加上空格！
再比如宽度是父元素的三分之一再减去3像素：
width:calc((100% / 3) - 3px)
乘号（或除号）两边可以不加空格，但建议最好加上！
此外必须注意这种方法属于css3标准，不是什么浏览器都适用的哦！
