height calc()函数 css中用100%的宽度/高度 以你之姓@ 2023-07-20 10:50 2阅读 0赞 **在移动端开发的过程中，常常会遇到头部高度是40px，而内容页是除去头部，占满视窗的整个高度，有时候是用js来处理，现在用css的calc是非常方便的:** .container{ height: calc(100% - 40px); //注：减号前后要有空格，否则很可能不生效！！ } *只需设置样式使用calc() 函数，它支持 “+”, “-”, “\*”, “/” 运算；* **扩展：** vh：相对于视口的高度。视口被均分为100单位的vh 注意： 1. 运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 2. 任何长度值都可以使用calc()函数进行计算； 3. calc()函数使用标准的数学运算优先级规则； 4. 它支持 “+”, “-”, “\*”, “/” 运算
还没有评论，来说两句吧...