Html 如何调整浮动元素？

如何调整CSS中的浮动元素？ 对于下面的代码，我得到了附件图片上的结果。 我想让左和右div垂直对齐

*{
利润率：10px；
填充：10px；
}
身体{
背景：#C0FFC0；
}
.标题{
背景：#C0FF；
高度：100px；
}
.左{
背景：#FFC0C0；
浮动：左；
高度：200px；
宽度：25%；
}
.对{
背景:#FFFFC0；
溢出：隐藏；
高度：200px；
}
.底部{
背景：#C0FFFF；
明确：两者皆有；
高度：100px；
}

Lorem ipsum door sit amet，一位杰出的领导者。
Lorem ipsum dolor sit amet，是一位杰出的献身者。
Lorem ipsum dolor sit amet，是一位杰出的献身者。
Lorem ipsum dolor sit amet，Concetetur adipiscing Elite。

只需将左右两个div包装在另一个div（main）中即可

*{
利润率：10px；
填充：10px；
}
身体{
背景：#C0FFC0；
}
.标题{
背景：#C0FF；
高度：100px；
}
梅因先生{
溢出：隐藏；
边际：0px；
填充：0px；
}
.左{
背景：#FFC0C0；
浮动：左；
高度：200px；
宽度：25%；
}
.对{
背景:#FFFFC0；
高度：200px；
溢出：隐藏；
}
.底部{
背景：#C0FFFF；
明确：两者皆有；
高度：100px；
}

Lorem ipsum door sit amet，一位杰出的领导者。
Lorem ipsum dolor sit amet，是一位杰出的献身者。
Lorem ipsum dolor sit amet，是一位杰出的献身者。
Lorem ipsum dolor sit amet，我知道了。谢谢我只想让左边的列宽为25%，右边的列宽为75%，但当我使用10px的边距或填充时，我不能使用75%。因此，我想将右栏的宽度设置为剩余大小。@noonespecial您也可以使用右栏的宽度，并添加
float:right
将其放置在右侧。。查看我的最新答案我尝试了这两种方法，但都不起作用。当“main”类的边距和填充设置为0时，问题如上图所示。但是，当设置float=right时，右列的大小不适合可用空间。@noonespecial您需要向main类添加
overflow:hidden
，以解决此问题，对于正确的列大小，我不确定我是否理解您想要实现的目标，我只是表明您可以在其上使用宽度。