Css 如何在所有屏幕中增加div高度？
增加红色框的高度，在任何屏幕尺寸下，数据和正文以及div边距均为20px。 19201080屏幕数据在红色框内，但1360768屏幕数据不在红色框内，因此溢出Css 如何在所有屏幕中增加div高度？,css,bootstrap-4,sass,Css,Bootstrap 4,Sass,增加红色框的高度，在任何屏幕尺寸下，数据和正文以及div边距均为20px。 19201080屏幕数据在红色框内，但1360768屏幕数据不在红色框内，因此溢出 background-color: red; border: 10px solid yellow; margin: 20px; height: calc(100vh - 62px); div中字母溢出的原因是vh是当前显示高度的1%。如果高度设置为100vh，则高度为当前视图屏幕长度的100%。示例css设置为calc（100vh-62
background-color: red;
border: 10px solid yellow;
margin: 20px;
height: calc(100vh - 62px);
div中字母溢出的原因是vh是当前显示高度的1%。如果高度设置为100vh，则高度为当前视图屏幕长度的100%。示例css设置为calc（100vh-62px），这意味着设置为当前查看高度-62px。即使屏幕大小设置为1920*1080，示例css的过多字母也会溢出 要在标签内制作字母，我希望标签与脚本一起应用
<style>
#test {
background-color: red;
border: 10px solid yellow;
margin: 20px;
}
</style>
<body>
<div id="test">
put text here
</div>
<script>
//Get id
let div = document.getElementById('test')
//It's the height of whole screen
let height1 = document.body.clientHeight
div.style.height = height1 + 'px'
</script>
<body/>
#试验{
背景色：红色；
边框：10px实心黄色；
利润率：20px；
}
把文字放在这里
//取得身份证
设div=document.getElementById（'test'）
//这是整个屏幕的高度
设height1=document.body.clientHeight
div.style.height=高度1+‘px’