Html 浮动div的对齐

我在主容器的div中有两个div。第一个div的宽度是固定的/160px/，并浮动到左侧，第二个div只包含应该对齐到右侧的按钮，所以我将float设置为右侧。 主div占整个页面宽度的25%，我在我的应用程序中使用bootstrap

一切正常，直到paret div的宽度变小，以适应两个div，因此右div移动到左div的下方-但是在这种情况下，有什么方法可以对齐/居中/第二div吗？因此，当两个div在同一行中单独存在时，它们应该与父div的中心对齐，但当它们在同一行中时，第一个div应该与左侧对齐，第二个div应该与右侧对齐，或者可能与可用空间/parent div widh减去第一个div/的160px的中心对齐

非常感谢你的建议， 彼得

编辑： 集装箱样式：

宽度：25%

第一个/左/div样式：
float:左；宽：160像素

第二/右/div样式：
页边距顶部：5px
下面是一个示例，演示如何执行此操作


#容器
{
宽度：25%；
背景：红色；
溢出：隐藏；
}
#左
{
宽度：160px；
身高：5公分；
背景：绿色；
浮动：左；
}
#对
{
浮动：对；
身高：5公分；
背景：蓝色；
}
@介质（最大宽度：872px）
{
#对
{
浮动：无；
明确：两者皆有；
文本对齐：居中；
}
}

按钮
我已经编辑了我的答案。不，你已经编辑了你的问题。我已经编辑了我的答案。