在不使用 Frames 和 Table 概念的情况下,在集中式网页上进行垂直等分?

Making a vertically equal partition on a Centralized Webpage, without using Frames and Table concept ?

我正在尝试在集中式网页中进行垂直拆分。我正在用框架和表格的概念进行拆分,但它不符合我的期望。

我尝试使用 div 进行分离,但发现很难与 运行 发生冲突。我 google 寻求解决方案,但没有找到任何相关内容。如果它是非常基本的,我会很抱歉。任何帮助和建议将不胜感激。

提前致谢,问候...

这有帮助吗?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        body {
            margin:0;
        }
        #left {
            width:50%;
            height: 600px;
            float: left;
            background-color: red;
        }

        #right {
            width:50%;
            height: 600px;
            float: right;
            background-color: blue;
        }
    </style>
</head>
<body>
    <div id="left">
    </div>
    <div id="right"></div>
</body>