在HTML中，我们可以通过CSS来控制元素的布局，如果你想要把左右两个div换个位置，可以通过调整它们的CSS属性来实现，以下是一些常见的方法来实现这个需求。
1、使用float属性
float属性可以使元素向左或向右浮动，默认情况下，元素是按照它们在HTML文档中的顺序显示的，通过设置float属性，我们可以改变元素的显示位置。
如果你有两个div，一个是左侧的，一个是右侧的，你可以这样设置：
.left-div {
float: left;
}
.right-div {
float: right;
}
这种方法的缺点是，浮动的元素可能会与其他元素重叠，或者在页面上的位置不确定，当你需要更复杂的布局时，可能需要使用其他方法。
2、使用Flexbox布局
Flexbox是一种现代的CSS布局方法，它可以让你更容易地对齐和分配元素在容器内的空间，即使它们的大小未知或是动态变化的。
你可以这样设置：
.container {
display: flex;
}
.left-div, .right-div {
flex: 1;
}
在这个例子中，.container是包含两个div的父容器，我们通过设置display: flex;将其变为flex容器。.left-div和.right-div是子元素，它们将自动填充容器的空间，并且可以很容易地通过调整flex属性来改变它们的相对大小。
3、使用Grid布局
Grid布局是另一种强大的CSS布局方法，它允许你通过定义行和列来创建复杂的布局。
你可以这样设置：
.container {
display: grid;
grid-template-columns: 1fr 1fr; /* 两列，每列占据相同的空间 */
}
.left-div {
grid-column: 2; /* 设置.left-div在第二列 */
}
.right-div {
grid-column: 1; /* 设置.right-div在第一列 */
}
在这个例子中，.container是一个grid容器，我们通过grid-template-columns属性定义了两列，我们通过grid-column属性来指定.left-div和.right-div分别在哪一列。
以上就是在HTML中把左右div换个位置的几种方法，每种方法都有其适用的场景，你可以根据你的具体需求来选择最适合的方法，记住，CSS布局是一个不断学习和实践的过程，随着你经验的积累，你会越来越熟练地使用这些工具来创建你想要的布局。