Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/image-processing/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 背景色,为窗口CSS高度的50%_Html_Css - Fatal编程技术网

Html 背景色,为窗口CSS高度的50%

Html 背景色,为窗口CSS高度的50%,html,css,Html,Css,试图在“一分为二”的页面上实现背景;两种颜色在相对的边上,使用线性渐变进行此操作,但如果某些元素(div)的大高度背景色重复 <body> <div class="blocktest"> test </div> </body> 我想要50%的页面颜色1,其余页面颜色为颜色2使用min height而不是height: 正文{ 背景图像:线性梯度(#000 50%,#ffffff 0%); 最小高度:100vh; } .区块测试{ 高度

试图在“一分为二”的页面上实现背景;两种颜色在相对的边上,使用线性渐变进行此操作,但如果某些元素(div)的大高度背景色重复

<body>
 <div class="blocktest">
  test
 </div>
</body>


我想要50%的页面颜色1,其余页面颜色为颜色2

使用
min height
而不是
height

正文{
背景图像:线性梯度(#000 50%,#ffffff 0%);
最小高度:100vh;
}
.区块测试{
高度:1500px;
}

测试

后台重复:无重复?如果我没弄错的话。
body {
  background-image: linear-gradient(#000 50%, #ffffff 0%);
  height:100vh;
}
.blocktest {
  height:1500px;
}