需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；不然会失效的
--by Affandi ⊙▽⊙
vh: 相对于视窗的高度, 视窗被均分为100单位的vh
vw: 相对于视窗的宽度, 视窗被均分为100单位的vw
vmax: 相对于视窗的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax
vmin: 相对于视窗的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin
视区：所指为浏览器内部的可视区域大小，
即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。
calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值。不过calc()最大的好处就是用在流体布局上，可以通过calc()计算得到元素的宽度。
calc是 css3提供的一个在css文件中计算值的函数：
用于动态计算长度值。
需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；
任何长度值都可以使用calc()函数进行计算；
calc()函数支持 “+”, “-“, “*”, “/” 运算；
calc()函数使用标准的数学运算优先级规则；
calc(100vh - 10px) 表示整个浏览器窗口高度减去10px的大小
calc(100vw - 10px) 表示整个浏览器窗口宽度减去10px的大小
一般用来设置流式布局宽高，当然，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值
calc()的兼容性需要注意
css里数值这么求根号:使用CSS计算平方根可以在我的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>
![[JavaScript]js中window.open新窗口怎么实现post方式的参数传递？](/aiimages/%5BJavaScript%5Djs%E4%B8%ADwindow.open%E6%96%B0%E7%AA%97%E5%8F%A3%E6%80%8E%E4%B9%88%E5%AE%9E%E7%8E%B0post%E6%96%B9%E5%BC%8F%E7%9A%84%E5%8F%82%E6%95%B0%E4%BC%A0%E9%80%92%EF%BC%9F.png)
