Html 平衡左右俯仰高度，防止右俯仰低于左俯仰

我有一个HTML页面，内容使用

CSS

分为左右两部分。中左侧内容的高度小于右侧内容的高度。因此，右content div也从下到左content div。最终，正确内容的边界不是一条直线

我们如何避免右侧内容向左侧爬行

如何使左侧内容的高度增加到右侧内容的高度（使用javascript）

我的页面
.myContent{
宽度：100%；
}
.myHeader{
}
.左半部分{
边框：1px纯蓝色；
宽度：200px；
清除：左；
浮动：左；
背景色：红色；
}
.右侧{
边框：1px实心橙色；
宽度：100%；
背景颜色：米色；
}
H
A.
销售和营销
销售和营销

fLoat

一个元素，将

边距设置为另一个元素

.leftPart{
边框：1px纯蓝色；
宽度：200px；
浮动：左；
背景色：红色；
}
.右侧{
左边距：200px；
边框：1px实心橙色；
背景颜色：米色；
}


更新#1
如果您考虑使用JavaScript，您可能需要查看<强> ./P>
js是一个jQuery插件，用于均衡HTML元素的
高度
或
宽度

以下是一个例子：

// Equalize the height of div element children
$('.myContent').equalize({children: '> div'});

这是

更新#2
如果您正在寻找纯CSS解决方案，可以使用
display:table-cellCSS声明

 <强>但是，我更喜欢使用JavaScript而不是这个，因为使用表<代码>显示类型，可以在渲染页面时改变Web浏览器的行为（浏览器可以将整个页面视为一个表）：
#body{显示：表格；宽度：100%；}
.myContent{显示：表行；}
.左半部分{
宽度：200px；
显示：表格单元格；
}
.右侧{
显示：表格单元格；
}

这里是
浮动
一个元素，将
边距
设置为另一个元素

.leftPart{
边框：1px纯蓝色；
宽度：200px；
浮动：左；
背景色：红色；
}
.右侧{
左边距：200px；
边框：1px实心橙色；
背景颜色：米色；
}


更新#1
如果您考虑使用JavaScript，您可能需要查看<强> ./P>
js是一个jQuery插件，用于均衡HTML元素的
高度
或
宽度

以下是一个例子：

// Equalize the height of div element children
$('.myContent').equalize({children: '> div'});

这是

更新#2
如果您正在寻找纯CSS解决方案，可以使用
display:table-cellCSS声明

 <强>但是，我更喜欢使用JavaScript而不是这个，因为使用表<代码>显示类型，可以在渲染页面时改变Web浏览器的行为（浏览器可以将整个页面视为一个表）：
#body{显示：表格；宽度：100%；}
.myContent{显示：表行；}
.左半部分{
宽度：200px；
显示：表格单元格；
}
.右侧{
显示：表格单元格；
}

以下是添加此样式的方法：

.rightPart{
左边距：200px；
}
添加此样式：

.rightPart{
左边距：200px；
}
我可能误解了您的问题，但您能否尝试将
浮动：right
用于
.rightPart
并删除
宽度
？这就是你要找的吗？如果是，我会回答。我可能误解了你的问题，但是你能用
float:right
代替
。rightPart
并删除
宽度吗？这就是你要找的吗？如果是，我会回答。谢谢。你知道我们如何解决问题的第二部分吗？用一个
div
把它包起来，然后设置
。左部分
高度：100%
谢谢。您知道如何解决问题的第二部分吗？将其包装在
div
中，然后设置
。leftPart
高度：100%