如何进行全屏拆分html页面。 [英] How do I do a full screen split html page.

问题描述

以下是我在CSS中的内容：

Here's what I have in the CSS:

body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.left {
	width:50%;
	float:left;
	background-color:#000000;
}

.right {
	width:50%;
	float:right;
	background-color:#04F9C8;
}

我有两个HTML格式的div类。

一个标记为左边，另一个标记为右边。

I have two div classes in HTML.
One labeled left and the other div labeled right.

推荐答案

你可以 vh 这里的高度如：

You can vh for height here like:

.left {
    width:50%;
    height:100vh;
    float:left;
    background-color:#000000;
}
.right {
    width:50%;
    height:100vh;
    float:right;
    background-color:#04F9C8;
}

vh 这里实际上是1/100视口高度。

vh here actually is 1/100th viewport height.

这篇关于如何进行全屏拆分html页面。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！