HTML-分为70%和30%

所以在我的网站上，我使用当前代码将页面分成50%和50%。但我想把它改成70%和30%。下面的代码是我的当前代码

正文{
字体系列：Arial；
颜色：白色；
}
.分开{
身高：100%；
宽度：50%；
位置：固定；
z指数：1；
排名：0；
溢出x：隐藏；
填充顶部：20px；
}
.左{
左：0；
背景色：红色；
}
.对{
右：0；
背景颜色：蓝色；
}
.居中{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
文本对齐：居中；
}

70%
一些文本

30%
一些文本

从

类中删除
50%
。拆分
类并在
中添加
宽度：70%
。在
中添加左
，
宽度：30%
。在
中添加右


正文{
字体系列：Arial；
颜色：白色；
}
.分开{
身高：100%；
位置：固定；
z指数：1；
排名：0；
溢出x：隐藏；
填充顶部：20px；
}
.左{
左：0；
背景色：红色；
宽度：70%；
}
.对{
右：0；
背景颜色：蓝色；
宽度：30%；
}
.居中{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
文本对齐：居中；
}

70%
一些文本

30%
一些文本

摆脱位置：fixed@TemaniAfif为什么呢？Ahmad Habib的答案在使用
位置时有效：固定。因为这是构建布局的糟糕方法。还有更方便的技巧：@TemaniAfif-Hm，我明白了。但我想我需要它，因为我也有一个顶部导航栏，就像这个：。或者你怎么想？另一个你需要摆脱位置的原因：固定。