Html 尝试修复两列布局

因此，我从W3学校获得了以下两列布局，这将适用于我正在编写的代码。代码如下：

* {
框大小：边框框；
}
身体{
保证金：0；
}
/*创建两个相邻浮动的相等列*/
.栏目{
浮动：左；
宽度：50%；
填充：10px；
高度：300px；/*应移除。仅用于演示*/
}
/*清除列后的浮动*/
.罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
/*响应式布局-使两列堆叠在彼此的顶部，而不是相邻*/
@介质（最大宽度：600px）{
.栏目{
宽度：100%；
}
}
响应式双栏布局
调整浏览器窗口的大小以查看响应效果（当屏幕宽度小于600px时，列将堆叠在彼此的顶部，而不是浮动在彼此的旁边）

第1栏
一些文字

第2栏
一些文字

试试这个：

*{
框大小：边框框；
}
身体{
保证金：0；
}
比格科尔先生{
浮动：左；
宽度：50%；
}
.栏目{
填充：10px；
高度：300px；
}
.行{
边框：1px实心#CCC；
文本对齐：居中；
}
.罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
@介质（最大宽度：600px）{
比格科尔先生{
宽度：100%；
}
}

响应式双栏布局
调整浏览器窗口的大小以查看响应效果（当屏幕宽度小于600px时，列将堆叠在彼此的顶部，而不是浮动在彼此的旁边）

第1列一些文本

第2列一些文本

？？专栏里有什么吗？有图像吗？是否要设置高度？你能澄清一下吗？你的代码确实很好。。。如果文本应该在外部，那么它也应该在html的外部！？！嗯，这些专栏都会有图片，我只是以这个为例。在我开始用图像之前，我想把文本放在专栏之外，但我似乎不能不打破这个反应。像这样的吗？图像可以通过填充（固定值或%/vh/vw/vmin或vmax单位）在背景和客厅中设置，也可以在html本身中设置图像。要绘制相同高度的列，应使用display:table&CIE/flex或grid。float，inline-x将不会显示并排放置它们。