.user-content{
padding: 10
px
0 10
px
50
px
;
width: calc(100% - 50
px
); /* 计算宽度,'+'或'-'符号前后有空格 */
height: 18
px
;
}
css
中使用calc可以进行简单的运算: 单位可以是
百分比
,
px
,rem,em等单位 可以使用"+","-","*","/"运算符(使用"+"或...
//#ifdef MP-WEIXIN
let systemInfo = uni.getSystemInfoSync()
let
px
= (44-(systemInfo.windowWidth/750)*40)/2;
return `top:${systemInfo.statusBarHeight}
px
;margin-top:${
px
}
px
`
//#endif
页面头部高度固定(60
px
),剩下的内容整体高度占满可视区的高度,并且可以随着浏览器窗口大小调整而变化。
首先想到的vh,100vh的高度刚好可以撑开整个可视区的高度。由于头部有高度剩下的内容整体高度就不能是100vh,而是100vh-60
px
,这就涉及到两个单位之间的转换。
可视区高度:window.innerHeight + ‘
px
’ = 100vh
1
px
= 100 / w...
在编写
css
时,经常使用
百分比
响应适配,但是时常需要减去一部分达到目的,尤其是position:absolute时。所以需要在
百分比
的基础上减去
px
。
css3
已有支持的方法:
height: calc(100%-44
px
)
在继承父容器高度的同时减去44
px
的高度
项目中经常会遇到一类问题:就是设置宽度
百分比
后再加border边框出现边框溢出显示不出的问题
原因很简单,就是宽度已经是百分百了,再设边框,实际内容就是百分百再加上边框的宽度,肯定就溢出了
这个问题很好解决,一个
属性
就搞定:calc
div {
width: calc(~"100% - 2
px
");
border: 1
px
solid #eee;
注意: 以上代码即可实现,但是必...
大多数网页设计师认为他们非常了解
CSS
。 毕竟,功能不那么多-几个选择器类型,几十个
属性
以及一些级联规则,您无需记住它们,因为它们可以归结为常识。 但是,当您精打细算时,会有很多设计师真正不了解的模糊细节。
当我检查了过去六个月在网上提供的免费
CSS
测试的结果时,我发现了一个几乎没有人正确的问题 。 在参加考试的数千人中, 只有14%的人通过了考试。
问题可以归结为: 如何计算保证金百...
仙剑奇侠传7报错:the following components are required to run this program.microsoft visual c++ 2015 runtime
45547
仙剑奇侠传7报错:the following components are required to run this program.microsoft visual c++ 2015 runtime
ndyysheep: