Html 响应式2列don'；不要在上面排队

我想创建一个简单的2列响应页面-没有页脚或页眉，只有列。当我使用下面的代码时，右列从第一列的下方和右侧开始。当然，我错过了一些简单的东西——这不是一件很难的事情，因为我对响应性设计还很陌生。（顺便说一句，柱的长度将与此示例中的长度相差很大。）

代码：

.container{
最大宽度：100%；
}
L.lcol{
浮动：左；
填充：1%；
宽度：33%；
排名：0；
}
.rcol{
浮动：对；
填充：1%；
宽度：65%；
排名：0；
}
.clearfix:之后{
内容：“；
显示：表格；
明确：两者皆有；
}
@媒体屏幕和屏幕（最大宽度：480px）{
lcol先生，
.rcol{
浮动：无；
宽度：自动；
}

---内容左-Lorem ipsum dolor sit amet，
---contentRIGHT---Lorem ipsum dolor sit amet，

因为您的

宽度和
+
填充不正确，因此溢出，它不应超过
100%

您可以使用
填充
和
边框
不会干扰计算

边框框

宽度
和
高度
属性包括内容、
填充
和
边框
，但不包括
边距
。这是Internet使用的盒子模型
当文档处于怪癖模式时使用浏览器。请注意，
padding
和
边框
将位于框内，例如
。框{宽度：350px；边框：
10px纯黑；}
导致在
宽度：
350px。
内容框不能为负数，并被设置为0，使
无法使用
边框框
使元素消失


*，
*：：之前，
*：：之后{
框大小：边框框
}
身体{
保证金：0
}
.集装箱{
最大宽度：100%
}
.container>div{
浮动：左；
填充：1%；
边框：1px点红色；
}
L.lcol{
宽度：35%；
背景：浅绿色
}
.rcol{
宽度：65%；
背景：浅黄色
}
.clearfix:之后{
内容：“；
显示：表格；
明确：两者皆有；
}
@媒体屏幕和屏幕（最大宽度：480px）{
lcol先生，
.rcol{
浮动：无；
宽度：自动；
}
}

---内容左-Lorem ipsum dolor sit amet，
---contentRIGHT---Lorem ipsum dolor sit amet，
因为您的
宽度和
+
填充不正确，因此溢出，它不应超过
100%

您可以使用
填充
和
边框
不会干扰计算

边框框

宽度
和
高度
属性包括内容、
填充
和
边框
，但不包括
边距
。这是Internet使用的盒子模型
当文档处于怪癖模式时使用浏览器。请注意，
padding
和
边框
将位于框内，例如
。框{宽度：350px；边框：
10px纯黑；}
导致在
宽度：
350px。
内容框不能为负数，并被设置为0，使
无法使用
边框框
使元素消失


*，
*：：之前，
*：：之后{
框大小：边框框
}
身体{
保证金：0
}
.集装箱{
最大宽度：100%
}
.container>div{
浮动：左；
填充：1%；
边框：1px点红色；
}
L.lcol{
宽度：35%；
背景：浅绿色
}
.rcol{
宽度：65%；
背景：浅黄色
}
.clearfix:之后{
内容：“；
显示：表格；
明确：两者皆有；
}
@媒体屏幕和屏幕（最大宽度：480px）{
lcol先生，
.rcol{
浮动：无；
宽度：自动；
}
}

---内容左-Lorem ipsum dolor sit amet，
---contentRIGHT---Lorem ipsum dolor sit amet，

。左{
背景色：红色；
高度：50vh；
}
.对{
背景颜色：绿色；
高度：50vh；
}

这是左列。
这是右栏。

。左{
背景色：红色；
高度：50vh；
}
.对{
背景颜色：绿色；
高度：50vh；
}

这是左列。
这是右栏。
谢谢！忘记了填充将在两侧！我仍然需要到达15才能公开接受答案。谢谢！忘记了填充将在两侧！我仍然需要到达15才能公开接受答案。你看到我的评论了吗？你看到我的评论了吗？